Sidebar Menu icon

A free sidebar menu icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Essential Icons
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: sidebar menu, navigation, list, interface, options, panel, layout

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 8C0 5.2 0 3.8 0.54 2.73C1.02 1.79 1.79 1.02 2.73 0.54C3.51 0.15 4.46 0.04 6 0.01C6.58 0 7.24 0 8 0L10 0C12.8 0 14.2 0 15.27 0.54C16.21 1.02 16.98 1.79 17.46 2.73C18 3.8 18 5.2 18 8L18 10C18 12.8 18 14.2 17.46 15.27C16.98 16.21 16.21 16.98 15.27 17.46C14.2 18 12.8 18 10 18L8 18C7.24 18 6.58 18 6 17.99C4.46 17.96 3.51 17.85 2.73 17.46C1.79 16.98 1.02 16.21 0.54 15.27C0 14.2 0 12.8 0 10L0 8Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 5L3.01 5M3 9L3.01 9M3 13L3.01 13M6 0.01L6 17.99"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 2)" fill="currentColor" d="M14.37 0.07C15.26 0.14 16.02 0.3 16.72 0.65C17.85 1.23 18.77 2.15 19.35 3.28C19.7 3.98 19.86 4.74 19.93 5.63C20 6.51 20 7.59 20 8.96L20 11.04C20 12.41 20 13.49 19.93 14.37C19.86 15.26 19.7 16.02 19.35 16.72C18.77 17.85 17.85 18.77 16.72 19.35C16.02 19.7 15.26 19.86 14.37 19.93C13.49 20 12.41 20 11.04 20L8.99 20C8.23 20 7.57 20 6.98 19.99C5.45 19.96 4.28 19.86 3.28 19.35C2.15 18.77 1.23 17.85 0.65 16.72C0.3 16.02 0.14 15.26 0.07 14.37C0 13.49 0 12.41 0 11.04L0 8.96C0 7.59 0 6.51 0.07 5.63C0.14 4.74 0.3 3.98 0.65 3.28C1.23 2.15 2.15 1.23 3.28 0.65C4.28 0.14 5.45 0.04 6.98 0.01C7.57 0 8.23 0 8.99 0L11.04 0C12.41 0 13.49 0 14.37 0.07ZM14.2 2.06C13.42 2 12.42 2 11 2L9 2C8.64 2 8.31 2 8 2L8 18C8.31 18 8.64 18 9 18L11 18C12.42 18 13.42 18 14.2 17.94C14.97 17.87 15.45 17.75 15.82 17.56C16.57 17.18 17.18 16.57 17.56 15.82C17.75 15.45 17.87 14.97 17.94 14.2C18 13.42 18 12.42 18 11L18 9C18 7.58 18 6.58 17.94 5.8C17.87 5.03 17.75 4.55 17.56 4.18C17.18 3.43 16.57 2.82 15.82 2.44C15.45 2.25 14.97 2.13 14.2 2.06ZM4 4.95C3.42 4.95 2.95 5.42 2.95 6C2.95 6.58 3.42 7.05 4 7.05L4.01 7.05C4.59 7.05 5.06 6.58 5.06 6C5.06 5.42 4.59 4.95 4.01 4.95L4 4.95ZM4 8.95C3.42 8.95 2.95 9.42 2.95 10C2.95 10.58 3.42 11.05 4 11.05L4.01 11.05C4.59 11.05 5.06 10.58 5.06 10C5.06 9.42 4.59 8.95 4.01 8.95L4 8.95ZM4 12.95C3.42 12.95 2.95 13.42 2.95 14C2.95 14.58 3.42 15.05 4 15.05L4.01 15.05C4.59 15.05 5.06 14.58 5.06 14C5.06 13.42 4.59 12.95 4.01 12.95L4 12.95Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(9 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0.01C0.58 0 1.24 0 2 0L4 0C6.8 0 8.2 0 9.27 0.54C10.21 1.02 10.98 1.79 11.46 2.73C12 3.8 12 5.2 12 8L12 10C12 12.8 12 14.2 11.46 15.27C10.98 16.21 10.21 16.98 9.27 17.46C8.2 18 6.8 18 4 18L2 18C1.24 18 0.58 18 0 17.99"/>
  <path transform="translate(3 3.01)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 4.99L3.01 4.99M3 8.99L3.01 8.99M3 12.99L3.01 12.99M2.73 17.44C1.79 16.96 1.02 16.2 0.54 15.26C0 14.19 0 12.79 0 9.99L0 7.99C0 5.19 0 3.79 0.54 2.72C1.02 1.78 1.79 1.01 2.73 0.53C3.51 0.14 4.46 0.03 6 0L6 17.98C4.46 17.95 3.51 17.84 2.73 17.44Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(9 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0.01C0.58 0 1.24 0 2 0L4 0C6.8 0 8.2 0 9.27 0.54C10.21 1.02 10.98 1.79 11.46 2.73C12 3.8 12 5.2 12 8L12 10C12 12.8 12 14.2 11.46 15.27C10.98 16.21 10.21 16.98 9.27 17.46C8.2 18 6.8 18 4 18L2 18C1.24 18 0.58 18 0 17.99"/>
  <path transform="translate(2 2.01)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M7.7 0.29C7.89 0.47 8 0.73 8 1L8 18.98C8 19.25 7.89 19.5 7.7 19.69C7.51 19.88 7.25 19.98 6.98 19.98C5.45 19.95 4.28 19.85 3.28 19.33C2.15 18.76 1.23 17.84 0.65 16.71C0.3 16.01 0.14 15.25 0.07 14.35C0 13.48 0 12.4 0 11.03L0 8.95C0 7.58 0 6.5 0.07 5.62C0.14 4.73 0.3 3.96 0.65 3.27C1.23 2.14 2.15 1.22 3.28 0.64C4.28 0.13 5.45 0.03 6.98 0C7.25 0 7.51 0.1 7.7 0.29ZM4 4.99C3.45 4.99 3 5.44 3 5.99C3 6.54 3.45 6.99 4 6.99L4.01 6.99C4.56 6.99 5.01 6.54 5.01 5.99C5.01 5.44 4.56 4.99 4.01 4.99L4 4.99ZM4 8.99C3.45 8.99 3 9.44 3 9.99C3 10.54 3.45 10.99 4 10.99L4.01 10.99C4.56 10.99 5.01 10.54 5.01 9.99C5.01 9.44 4.56 8.99 4.01 8.99L4 8.99ZM4 12.99C3.45 12.99 3 13.44 3 13.99C3 14.54 3.45 14.99 4 14.99L4.01 14.99C4.56 14.99 5.01 14.54 5.01 13.99C5.01 13.44 4.56 12.99 4.01 12.99L4 12.99Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 3.01)" fill="currentColor" d="M2.73 17.44C1.79 16.96 1.02 16.2 0.54 15.26C0 14.19 0 12.79 0 9.99L0 7.99C0 5.19 0 3.79 0.54 2.72C1.02 1.78 1.79 1.01 2.73 0.53C3.51 0.14 4.46 0.03 6 0L6 17.98C4.46 17.95 3.51 17.84 2.73 17.44Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 8C0 5.2 0 3.8 0.54 2.73C1.02 1.79 1.79 1.02 2.73 0.54C3.51 0.15 4.46 0.04 6 0.01C6.58 0 7.24 0 8 0L10 0C12.8 0 14.2 0 15.27 0.54C16.21 1.02 16.98 1.79 17.46 2.73C18 3.8 18 5.2 18 8L18 10C18 12.8 18 14.2 17.46 15.27C16.98 16.21 16.21 16.98 15.27 17.46C14.2 18 12.8 18 10 18L8 18C7.24 18 6.58 18 6 17.99C4.46 17.96 3.51 17.85 2.73 17.46C1.79 16.98 1.02 16.21 0.54 15.27C0 14.2 0 12.8 0 10L0 8Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 5L3.01 5M3 9L3.01 9M3 13L3.01 13M6 0.01L6 17.99"/>
</svg>