Skip to content
Icon Pantry

Sidebar Menu color icon

The color version of the sidebar menu line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.

16
20
24
32
48
Style
Color
PNG size

Free for personal and commercial use. No attribution required.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#aca1f7" stroke="none"><path fill-rule="evenodd" d="m19 2-14.17.01-.63.1-.55.21-.5.32-.43.41-.5.83-.15.5-.07.46v14.19l.07.59.22.67.31.51.45.48.83.5.5.15.46.07h14.19l.59-.07.67-.22.51-.31.48-.45.5-.83.15-.5.07-.46-.02-14.52-.13-.57-.18-.43-.31-.49-.36-.39-.47-.34-.42-.21-.55-.16Zm-8.8 1.5h1.6v17h-1.6ZM8.22 15.77l-2.21.03-.31-.06-.26-.17-.17-.26-.07-.3.06-.31.25-.33.38-.16L8 14.2l.3.06.19.11.2.22.11.42-.06.29-.11.19Zm0-8-2.21.03-.31-.06-.26-.17-.17-.26-.07-.3.06-.31.25-.33.38-.16L8 6.2l.3.06.34.26.13.26.03.23-.16.47-.16.16Zm0 4-2.21.03-.31-.06-.26-.17-.17-.26-.07-.3.06-.31.25-.33.38-.16L8 10.2l.3.06.19.11.2.22.11.42-.06.29-.11.19Z"/></g><g fill="none" stroke="#261d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M11 3v18M6 7h2m-2 4h2m-2 4h2"/></g></svg>

Want it moving? See the animated sidebar menu icon.