Add icons to this collection by clicking the heart icon.
Menu icon - also known as book, list, glass, drinks, staff, menu, straw, restaurant, price, and food and restaurant. Created in a clean flat gradient style with a silver and orange 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.069 64.069"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffe670" />
<stop offset="1" stop-color="#ffc001" />
</linearGradient>
<linearGradient
id="d"
x1="4.035"
x2="34.035"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff9a00" />
<stop offset="1" stop-color="#e87201" />
</linearGradient>
<linearGradient
id="e"
x1="3.035"
x2="35.035"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="18.035"
x2="20.035"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#adacb2" />
<stop offset=".491" stop-color="#78777f" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#adacb2" />
<stop offset="1" stop-color="#78777f" />
</linearGradient>
<linearGradient
id="g"
x1="15.035"
x2="23.035"
y1="22"
y2="22"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="12.035"
x2="26.035"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="8.035"
x2="23.035"
y1="31"
y2="31"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="8.035"
x2="20.035"
y1="35"
y2="35"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="8.035"
x2="23.035"
y1="39"
y2="39"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="8.035"
x2="21.035"
y1="43"
y2="43"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="25.035"
x2="30.035"
y1="31"
y2="31"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="25.035"
x2="30.035"
y1="35"
y2="35"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="25.035"
x2="30.035"
y1="39"
y2="39"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="25.035"
x2="29.035"
y1="43"
y2="43"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="8.035"
x2="23.035"
y1="47"
y2="47"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="8.035"
x2="21.035"
y1="51"
y2="51"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="25.035"
x2="30.035"
y1="47"
y2="47"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="25.035"
x2="29.035"
y1="51"
y2="51"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="46.034"
x2="52.034"
y1="54.454"
y2="54.454"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="39.034"
x2="59.034"
y1="61.069"
y2="61.069"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcea95" />
<stop offset=".52" stop-color="#fdde48" />
</linearGradient>
<linearGradient
id="w"
x1="39.034"
x2="59.034"
y1="30.069"
y2="30.069"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef5ca" />
<stop offset=".994" stop-color="#ffdb2d" />
</linearGradient>
<linearGradient
id="x"
x1="50.034"
x2="61.035"
y1="11.069"
y2="11.069"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="39.034"
x2="59.034"
y1="34.336"
y2="34.336"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M33.035 63h-28a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1v60a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M33.035 64h-28c-1.103 0-2-.897-2-2V2c0-1.102.897-2 2-2h28c1.102 0 2 .897 2 2v60c0 1.103-.898 2-2 2zm-28-62v60h28.002l-.002-60z"
/>
<path
fill="url(#f)"
d="M19.035 23a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path fill="url(#g)" d="M22.035 23h-6a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2z" />
<path
fill="url(#h)"
d="M25.035 7h-12a1 1 0 0 0-1 1v4c0 3.859 3.141 7 7 7s7-3.141 7-7V8a1 1 0 0 0-1-1z"
/>
<path fill="url(#i)" d="M22.035 32h-13a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2z" />
<path fill="url(#j)" d="M19.035 36h-10a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2z" />
<path fill="url(#k)" d="M22.035 40h-13a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2z" />
<path fill="url(#l)" d="M20.035 44h-11a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2z" />
<path fill="url(#m)" d="M29.035 32h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2z" />
<path fill="url(#n)" d="M29.035 36h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2z" />
<path fill="url(#o)" d="M29.035 40h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2z" />
<path fill="url(#p)" d="M28.035 44h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" />
<path fill="url(#q)" d="M22.035 48h-13a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2z" />
<path fill="url(#r)" d="M20.035 52h-11a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2z" />
<path fill="url(#s)" d="M29.035 48h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2z" />
<path fill="url(#t)" d="M28.035 52h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" />
<path
fill="#acabb1"
d="M22.035 56h-13a1 1 0 1 1 0-2h13a1 1 0 1 1 0 2zM29.035 56h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2z"
/>
<path
fill="url(#u)"
d="M51.658 49.057a.995.995 0 0 0-.845-.194 7.835 7.835 0 0 1-3.559 0 1 1 0 0 0-1.221.975v9.23a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-9.23a.995.995 0 0 0-.375-.781z"
/>
<path
fill="url(#v)"
d="M56.034 58.069h-14c-1.654 0-3 1.346-3 3v2a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-2c0-1.654-1.345-3-3-3z"
/>
<path
fill="url(#w)"
d="M58.034 9.069h-18a1 1 0 0 0-1 1v31c0 5.514 4.486 10 10 10s10-4.486 10-10v-31a1 1 0 0 0-1-1z"
/>
<path
fill="url(#x)"
d="M51.034 22.069a1 1 0 0 1-1-1v-16a1 1 0 0 1 .594-.914l9-4a1 1 0 1 1 .812 1.827l-8.406 3.736v15.35a1 1 0 0 1-1 1.001z"
/>
<path
fill="url(#y)"
d="M58.506 18.187a1.003 1.003 0 0 0-1.026.05c-.056.037-5.516 3.612-9.92.892-3.564-2.204-6.156-1.476-7.402-1.128a8.25 8.25 0 0 1-.351.094 1 1 0 0 0-.772.974v22c0 5.514 4.486 10 10 10s10-4.486 10-10v-22a1.004 1.004 0 0 0-.529-.882z"
/>
<g fill="#e47500">
<path
d="M46.036 46.069a.992.992 0 0 1-.6-.201 6.036 6.036 0 0 1-2.402-4.799v-7a1 1 0 1 1 2 0v7c0 1.268.585 2.435 1.604 3.201a1.001 1.001 0 0 1-.602 1.799z"
/>
<circle cx="45.034" cy="25.069" r="1" />
<circle cx="48.034" cy="31.069" r="1" />
<circle cx="54.034" cy="27.069" r="1" />
<circle cx="53.034" cy="36.069" r="1" />
<circle cx="51.034" cy="41.069" r="1" />
</g>
</svg>
More icons in the same style and category