Add icons to this collection by clicking the heart icon.
Beer icon - also known as drink, beer, alcohol, mug, pint, beer mug, alcoholic drink, and food and restaurant. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="-4.204"
x2="60.988"
y1="18.976"
y2="99.998"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#96369f" />
<stop offset="1" stop-color="#01b3ed" />
</linearGradient>
<linearGradient
id="b"
x1="-.559"
x2="64.633"
y1="16.044"
y2="97.065"
href="#a"
/>
<linearGradient
id="c"
x1="4.423"
x2="69.615"
y1="12.035"
y2="93.056"
href="#a"
/>
<linearGradient
id="d"
x1="11.1"
x2="76.292"
y1="6.663"
y2="87.684"
href="#a"
/>
<linearGradient
id="e"
x1="19.631"
x2="84.822"
y1="-.201"
y2="80.82"
href="#a"
/>
<linearGradient
id="f"
x1="10.547"
x2="75.739"
y1="7.108"
y2="88.129"
href="#a"
/>
<linearGradient
id="g"
x1="-5.181"
x2="60.011"
y1="19.762"
y2="100.784"
href="#a"
/>
<linearGradient
id="h"
x1="7.462"
x2="72.654"
y1="9.59"
y2="90.611"
href="#a"
/>
<path
fill="url(#a)"
d="M15 59a1 1 0 0 0 1 1h24a1 1 0 0 0 0-2H16a1 1 0 0 0-1 1z"
/>
<path
fill="url(#b)"
d="M17 39a1 1 0 0 0-1 1v8a3 3 0 0 0 6 0V32a1 1 0 0 0-2 0v16a1 1 0 0 1-2 0v-8a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M30 36a1 1 0 0 0-1 1v11a1 1 0 0 1-2 0V29a1 1 0 0 0-2 0v19a3 3 0 0 0 6 0V37a1 1 0 0 0-1-1z"
/>
<path
fill="url(#d)"
d="M35 36a1 1 0 0 0-1 1v11a3 3 0 0 0 6 0V29a1 1 0 0 0-2 0v19a1 1 0 0 1-2 0V37a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M54.776 25.724A5 5 0 0 0 51 24h-6v-3.278A6.986 6.986 0 0 0 40.824 8a6.494 6.494 0 0 0-2.184-6.51A6.387 6.387 0 0 0 35.322.057a1 1 0 0 0-.244 1.985 4.4 4.4 0 0 1 2.288.991A4.465 4.465 0 0 1 39 6.5a4.414 4.414 0 0 1-.61 2.25 1 1 0 0 0 1.151 1.467A4.945 4.945 0 0 1 41 10a5 5 0 1 1-2.491 9.329A1.011 1.011 0 0 0 37 20.19V21a1 1 0 0 1-2 0 1 1 0 0 0-2 0v10a1 1 0 0 1-2 0v-7a1 1 0 0 0-2 0v7a3 3 0 0 0 6 0v-7.171a3 3 0 0 0 3.921-2.144A7.117 7.117 0 0 0 43 21.7V51a1 1 0 0 0 2 0v-3h4a5.025 5.025 0 0 0 4.949-4.292l2-14a5 5 0 0 0-1.173-3.984zM45 30h3.693a1.009 1.009 0 0 1 .99 1.141l-1.429 10a1 1 0 0 1-.989.858H45zm8.969-.576-2 14A3.015 3.015 0 0 1 49 46h-4v-2h2.265a3.014 3.014 0 0 0 2.969-2.576l1.429-10A3 3 0 0 0 48.693 28H45v-2h6a3 3 0 0 1 2.97 3.424z"
/>
<path
fill="url(#f)"
d="M25 3a4.019 4.019 0 0 1 3.489 2.042.985.985 0 0 0 .946.5 1 1 0 0 0 .859-.64 4.487 4.487 0 0 1 1.586-2.058 1 1 0 1 0-1.161-1.628 6.447 6.447 0 0 0-1.51 1.511 6 6 0 0 0-10.195 3.86A7.929 7.929 0 0 0 16 6a6.256 6.256 0 0 0-1.14.09A8.019 8.019 0 0 0 8 14v21a4 4 0 0 0 8 0v-5.537A4 4 0 0 0 22 26v-6.683A6.022 6.022 0 0 0 27 22a5.9 5.9 0 0 0 3.6-1.2 1 1 0 0 0-1.2-1.6 3.933 3.933 0 0 1-2.4.8 4.02 4.02 0 0 1-3.866-2.954 1 1 0 0 0-1.846-.207 5.709 5.709 0 0 1-1 1.344 1 1 0 0 0-.288.707V26a2 2 0 0 1-4 0 1 1 0 0 0-2 0v9a2 2 0 0 1-4 0V14a6.023 6.023 0 0 1 5.185-5.937A4.482 4.482 0 0 1 16 8a5.891 5.891 0 0 1 3.6 1.206 1 1 0 0 0 1.566-1.074A4.054 4.054 0 0 1 21 7a4 4 0 0 1 4-4z"
/>
<path
fill="url(#g)"
d="M11 64h34a3.015 3.015 0 0 0 3-3 3 3 0 0 0-3-3h-1a1 1 0 0 0 0 2h1a1 1 0 0 1 1 1 1.035 1.035 0 0 1-1 1H11a1 1 0 0 1-1-1 1.027 1.027 0 0 1 1-1h1a1 1 0 0 0 1-1V42a1 1 0 0 0-2 0v16a3.015 3.015 0 0 0-3 3 3 3 0 0 0 3 3z"
/>
<circle cx="44" cy="55" r="1" fill="url(#h)" />
</svg>
More icons in the same style and category