Add icons to this collection by clicking the heart icon.
Menu icon - also known as interface, button, menu, ui, and menu bar. Created in a clean flat gradient style with a white finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fad0c4" />
<stop offset="1" stop-color="#ff9a9e" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="53"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff67b0" />
<stop offset="1" stop-color="#fed6e3" stop-opacity=".1" />
</linearGradient>
<linearGradient
id="c"
x1="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity=".4" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="11"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".7" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="e"
x1="-28"
x2="-28"
y1="-273"
y2="-252"
gradientTransform="rotate(180 2 -110)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3679e" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<circle cx="32" cy="32" r="21" fill="url(#a)" />
<circle cx="32" cy="32" r="21" fill="url(#b)" />
<circle cx="32" cy="32" r="21" fill="url(#c)" />
<path fill="url(#d)" d="M11 32a21 21 0 0 1 42 0z" />
<path fill="url(#e)" d="M53 32a21 21 0 0 1-42 0z" />
<g fill="#fff">
<path
d="M21.952 28.63V24.46a2.461 2.461 0 0 1 2.461-2.46h4.169a2.461 2.461 0 0 1 2.461 2.46v6.63h-6.63a2.461 2.461 0 0 1-2.461-2.461zM21.952 39.539V35.37a2.461 2.461 0 0 1 2.461-2.46h6.63v6.63A2.461 2.461 0 0 1 28.582 42h-4.169a2.461 2.461 0 0 1-2.46-2.461zM33.005 31.091v-6.63a2.461 2.461 0 0 1 2.461-2.46h4.169a2.461 2.461 0 0 1 2.461 2.46v4.17a2.461 2.461 0 0 1-2.461 2.46h-6.63zM33.005 39.54v-6.63h6.63a2.461 2.461 0 0 1 2.461 2.46v4.17A2.461 2.461 0 0 1 39.635 42h-4.169a2.461 2.461 0 0 1-2.46-2.46z"
/>
</g>
</svg>
More icons in the same style and category