Add icons to this collection by clicking the heart icon.
Beer icon - also known as drink, beverage, glass, beer, alcohol, mug, alcoholic, and food and restaurant. Created in a clean outline gradient style, 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 128 128"
>
<linearGradient
id="e"
x1="91.931"
x2="114"
y1="70.914"
y2="70.914"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dce2e1" />
<stop offset="1" stop-color="#c0ccce" />
</linearGradient>
<linearGradient
id="a"
x1="101"
x2="91.931"
y1="91.783"
y2="91.783"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".987" stop-color="#92a6ad" />
</linearGradient>
<linearGradient id="g" x2="92" y1="48" y2="48" href="#a" />
<linearGradient
id="h"
x1="92.024"
x2="111"
y1="70.78"
y2="70.78"
gradientUnits="userSpaceOnUse"
>
<stop offset=".267" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".389" stop-color="#92a6ad" stop-opacity=".021" />
<stop offset=".499" stop-color="#92a6ad" stop-opacity=".084" />
<stop offset=".604" stop-color="#92a6ad" stop-opacity=".19" />
<stop offset=".706" stop-color="#92a6ad" stop-opacity=".34" />
<stop offset=".806" stop-color="#92a6ad" stop-opacity=".532" />
<stop offset=".904" stop-color="#92a6ad" stop-opacity=".765" />
<stop offset=".987" stop-color="#92a6ad" />
</linearGradient>
<linearGradient
id="i"
x1="32"
x2="96"
y1="76.857"
y2="76.857"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6ad29" />
<stop offset="1" stop-color="#b35806" />
</linearGradient>
<linearGradient
id="j"
x1="32"
x2="96"
y1="46.722"
y2="46.722"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff296" />
<stop offset="1" stop-color="#ffab37" />
</linearGradient>
<linearGradient
id="b"
x1="76.98"
x2="76.98"
y1="55"
y2="41.73"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffab37" stop-opacity="0" />
<stop offset=".971" stop-color="#ffab37" />
</linearGradient>
<linearGradient id="k" x1="58.98" x2="58.98" y2="41.73" href="#b" />
<linearGradient id="l" x1="64" x2="64" y1="47" y2="34" href="#b" />
<linearGradient
id="m"
x1="64"
x2="64"
y1="93"
y2="115"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b35806" stop-opacity="0" />
<stop offset=".997" stop-color="#b35806" />
</linearGradient>
<linearGradient
id="n"
x1="26"
x2="99"
y1="31.5"
y2="31.5"
gradientTransform="translate(.11 -.216)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffd090" />
</linearGradient>
<linearGradient
id="c"
x1="61.22"
x2="61.22"
y1="34"
y2="54.977"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd294" stop-opacity="0" />
<stop offset=".971" stop-color="#ffd294" />
</linearGradient>
<linearGradient
id="o"
x1="61.391"
x2="61.391"
y1="35"
y2="54.977"
href="#c"
/>
<linearGradient
id="d"
x1="63.845"
x2="63.845"
y1="27.76"
y2="14.28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe2b3" />
<stop offset="1" stop-color="#ffc691" />
</linearGradient>
<linearGradient
id="p"
x1="40.066"
x2="36.369"
y1="27.695"
y2="20.624"
href="#d"
/>
<linearGradient
id="q"
x1="45.38"
x2="45.38"
y1="35.456"
y2="41.29"
href="#d"
/>
<linearGradient
id="r"
x1="88.029"
x2="96"
y1="29.99"
y2="29.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd695" />
<stop offset="1" stop-color="#ffb673" />
</linearGradient>
<linearGradient
id="s"
x1="32"
x2="96"
y1="112.357"
y2="112.357"
href="#e"
/>
<linearGradient id="t" x1="64" x2="64" y1="112" y2="119.714" href="#a" />
<linearGradient id="u" x1="64" x2="64" y1="52" y2="59.444" href="#b" />
<linearGradient
id="f"
x1="55.941"
x2="55.941"
y1="47.975"
y2="54.441"
gradientTransform="translate(.011 -.012)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe2b3" stop-opacity="0" />
<stop offset="1" stop-color="#ff993b" />
</linearGradient>
<linearGradient
id="v"
x1="73.959"
x2="73.959"
y1="43.738"
y2="48.634"
href="#f"
/>
<linearGradient id="w" x1="41" x2="41" y1="52.643" y2="66.571" href="#e" />
<linearGradient
id="x"
x1="70"
x2="70"
y1="7"
y2="120.714"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2d2d2d" />
<stop offset=".987" stop-color="#141414" />
</linearGradient>
<g>
<path
fill="url(#e)"
d="m92.117 90.291 15.491-6.196a.62.62 0 0 0 .392-.58V51.625a.624.624 0 0 0-.623-.624H93l-1-6h15.377A6.623 6.623 0 0 1 114 51.624v31.892a6.623 6.623 0 0 1-4.164 6.15l-17.905 7.162z"
/>
<path fill="url(#a)" d="m101 86.738-8.884 3.553-.185 6.537L101 93.2z" />
<path fill="url(#g)" d="M101 51v-6h-9l1 6z" />
<path
fill="url(#h)"
d="M111 83.516V51.624A3.627 3.627 0 0 0 107.377 48H93l-.057 2.658L93 51h14.377a.624.624 0 0 1 .623.624v31.892a.62.62 0 0 1-.392.579L92.116 90.29l-.092 3.256v.012l16.699-6.679A3.605 3.605 0 0 0 111 83.516z"
/>
<path
fill="url(#i)"
d="M96 35.643V113h-.027c-.573 3.729-14.663 6.714-31.973 6.714S32.6 116.729 32.027 113H32V34z"
/>
<path
fill="url(#j)"
d="M32 34v18.994c.926 3.594 14.876 6.45 32 6.45s31.074-2.856 32-6.45V35.643z"
/>
<path fill="url(#b)" d="M83.96 55H74.4L70 41.73h9.56z" />
<path fill="url(#k)" d="M65.96 55H56.4L52 41.73h9.56z" />
<path fill="url(#l)" d="M32 47h64V35.643L32 34z" />
<path
fill="url(#m)"
d="M32 93v20h.027a3.234 3.234 0 0 0 1.674 2H94.3a3.234 3.234 0 0 0 1.674-2H96V93z"
/>
<path
fill="url(#n)"
d="M99.034 21.627A8.495 8.495 0 0 0 82.3 19.526c-.08.081-.164.157-.24.242a9.99 9.99 0 0 0-15.36-3.476 10.986 10.986 0 0 0-20.896-1.31 7.069 7.069 0 0 0-.746-.043 6.998 6.998 0 0 0-6.744 5.057 10.997 10.997 0 1 0-1.35 21.916 10.916 10.916 0 0 0 4.98-1.18 86.584 86.584 0 0 0 9.02 1.342l-.027 7.886a5 5 0 1 0 10 .035l.025-7.318q1.482.035 3 .042 2.552.009 5-.068l-.004 1.371a5 5 0 1 0 10 .035l.007-2.097c9.816-1.099 16.59-3.285 16.993-5.844h.027l.028-8.026a8.476 8.476 0 0 0 3.022-6.463z"
/>
<path
fill="url(#c)"
d="M26.448 34a10.982 10.982 0 0 0 15.496 6.732 86.551 86.551 0 0 0 9.02 1.342l-.028 7.886a5 5 0 1 0 10 .035l.025-7.318q1.483.035 3 .042 2.552.009 5-.068l-.004 1.371a5 5 0 0 0 10 .035l.007-2.097c9.816-1.099 16.59-3.285 16.993-5.844h.027L95.992 34z"
/>
<path
fill="url(#o)"
d="M26.794 35a10.98 10.98 0 0 0 15.15 5.732 86.551 86.551 0 0 0 9.02 1.342l-.028 7.886a5 5 0 1 0 10 .035l.025-7.318q1.483.035 3 .042 2.552.009 5-.068l-.004 1.371a5 5 0 0 0 10 .035l.007-2.097c9.816-1.099 16.59-3.285 16.993-5.844h.027L95.988 35z"
/>
<path
fill="url(#d)"
d="M63 24a10.101 10.101 0 0 0 .32 2.51 1.004 1.004 0 0 1-.72 1.22 1.134 1.134 0 0 1-.25.03 1.003 1.003 0 0 1-.97-.75A12.173 12.173 0 0 1 61 24a11.978 11.978 0 0 1 4.97-9.72 10.925 10.925 0 0 1 .72 1.96A10.015 10.015 0 0 0 63 24z"
/>
<path
fill="url(#p)"
d="M40.54 28.72a.972.972 0 0 1-.75.35 1.013 1.013 0 0 1-.66-.24A9.009 9.009 0 0 1 36 22a8.36 8.36 0 0 1 .25-2.06c.26-.02.52-.03.79-.03a10.358 10.358 0 0 1 1.25.09.235.235 0 0 1-.02.08A6.851 6.851 0 0 0 38 22a6.997 6.997 0 0 0 2.44 5.31.998.998 0 0 1 .1 1.41z"
/>
<path
fill="url(#q)"
d="M48.57 36.91a12.876 12.876 0 0 1-3.64 4.38c-1-.17-1.95-.34-2.85-.53A11.101 11.101 0 0 0 46.79 36a1 1 0 0 1 1.78.91z"
/>
<path
fill="url(#r)"
d="M96 27.98v2.46A10.407 10.407 0 0 1 90.5 32a10.939 10.939 0 0 1-1.62-.12 1.001 1.001 0 1 1 .3-1.98 8.382 8.382 0 0 0 1.32.1 8.473 8.473 0 0 0 5.5-2.02z"
/>
<path
fill="url(#s)"
d="M95.973 113H96v-7.983l-.027-.017c-.573 3.729-14.663 6.714-31.973 6.714S32.6 108.729 32.027 105l-.027.016V113h.027c.573 3.729 14.663 6.714 31.973 6.714s31.4-2.985 31.973-6.714z"
/>
<path
fill="url(#t)"
d="M32 112v1h.027c.573 3.729 14.663 6.714 31.973 6.714s31.4-2.985 31.973-6.714H96v-1z"
/>
<path
fill="url(#u)"
d="M32 52v.994c.926 3.594 14.876 6.45 32 6.45s31.074-2.856 32-6.45V52z"
/>
<path
fill="url(#f)"
d="m50.947 46.999-.01 2.96a5 5 0 0 0 10 .037l.01-2.995z"
/>
<path
fill="url(#v)"
d="m68.96 43-.003 1.022a5 5 0 0 0 10 .035L78.96 43z"
/>
<path fill="url(#w)" d="M39 52.643h4v13.928h-4z" opacity=".5" />
</g>
<path
fill="url(#x)"
d="M107.377 44H97V28.41a9.492 9.492 0 1 0-15.123-10.885A11.056 11.056 0 0 0 73 13a10.919 10.919 0 0 0-5.824 1.685A11.978 11.978 0 0 0 45.1 14a8.097 8.097 0 0 0-7.49 5.02c-.209-.012-.413-.02-.61-.02a11.99 11.99 0 0 0-6 22.376V113a.965.965 0 0 0 .094.414c1.289 4.794 17.384 7.3 32.906 7.3 15.496 0 31.563-2.498 32.9-7.276A.996.996 0 0 0 97 113V95.877l13.208-5.283A7.587 7.587 0 0 0 115 83.516V51.624A7.632 7.632 0 0 0 107.377 44zM33 55.53c4.972 3.234 18.262 4.914 31 4.914s26.028-1.68 31-4.914v49.275c-.003.016-.013.027-.016.043-.376 2.45-12.345 5.866-30.984 5.866s-30.608-3.417-30.984-5.866c-.003-.016-.013-.027-.016-.043zM97 52h10v31.261l-10 4zM27 31a10.008 10.008 0 0 1 10.069-9.998 7.972 7.972 0 0 0 2.717 7.066 1 1 0 0 0 1.305-1.516 5.996 5.996 0 0 1 4.548-10.517 1 1 0 0 0 1.04-.634 9.98 9.98 0 0 1 18.831.566A10.982 10.982 0 0 0 62.35 26.76a1 1 0 0 0 1.937-.5 8.996 8.996 0 0 1 16.83-6.129 1.001 1.001 0 0 0 1.653.23 1.39 1.39 0 0 0 .46-.664 7.496 7.496 0 1 1 6.109 9.213 1 1 0 1 0-.309 1.976A9.477 9.477 0 0 0 95 29.863v5.905a1.041 1.041 0 0 0-.016.08c-.2 1.31-4.655 3.74-16.098 5.062a1 1 0 0 0-.886.993V44a4 4 0 0 1-8 0v-1.371a.998.998 0 0 0-1.034-1c-2.665.09-5.36.106-7.946.053a1 1 0 0 0-1.02 1V50a4 4 0 0 1-8 0v-7.886a1 1 0 0 0-.903-.995q-3.481-.337-6.481-.846a12.063 12.063 0 0 0 3.064-3.817 1 1 0 0 0-1.781-.912A9.994 9.994 0 0 1 27 31zm10 12a11.97 11.97 0 0 0 5.122-1.15c2.363.473 5 .867 7.878 1.169V50a6 6 0 0 0 12 0v-6.3c1.96.027 3.983.013 6-.04V44a6 6 0 0 0 12 0v-1.21c4.868-.605 11.677-1.824 15-4.083v14.117c-.83 2.326-12.176 5.62-31 5.62s-30.17-3.295-31-5.62V42.3a11.918 11.918 0 0 0 4 .7zm57.984 69.848c-.376 2.45-12.345 5.866-30.984 5.866s-30.608-3.417-30.984-5.866a.744.744 0 0 0-.016-.08v-5.082c4.91 3.31 18.151 5.028 31 5.028s26.09-1.718 31-5.028v5.082a1.041 1.041 0 0 0-.016.08zM113 83.516a5.596 5.596 0 0 1-3.534 5.22L97 93.724v-4.308l10.98-4.392a1.616 1.616 0 0 0 1.02-1.507V51.623A1.625 1.625 0 0 0 107.377 50H97v-4h10.377A5.63 5.63 0 0 1 113 51.623z"
/>
</svg>
More icons in the same style and category