Add icons to this collection by clicking the heart icon.
Beer icon - also known as drink, beer, commerce, shop, building, and architecture and city. Created in a clean flat 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="38"
x2="38"
y1="64.1"
y2="1.374"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="51.983"
x2="51.983"
y1="64.1"
y2="1.374"
href="#a"
/>
<linearGradient id="c" x1="40" x2="40" y1="64.1" y2="1.374" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="64.1" y2="1.374" href="#a" />
<linearGradient id="e" x1="31" x2="31" y1="64.1" y2="1.374" href="#a" />
<linearGradient id="f" x1="44" x2="44" y1="64.1" y2="1.374" href="#a" />
<linearGradient id="g" x1="36" x2="36" y1="64.1" y2="1.374" href="#a" />
<linearGradient id="h" x1="20" x2="20" y1="64.1" y2="1.374" href="#a" />
<linearGradient
id="i"
x1="12.017"
x2="12.017"
y1="64.1"
y2="1.374"
href="#a"
/>
<linearGradient id="j" x1="22" x2="22" y1="64.1" y2="1.374" href="#a" />
<linearGradient id="k" x1="28" x2="28" y1="64.1" y2="1.374" href="#a" />
<path fill="url(#a)" d="M37 17h2v4h-2z" />
<path
fill="url(#b)"
d="M47.87 19.939a15.8 15.8 0 0 1-.87 3.59A14.943 14.943 0 0 1 49 31v4a3 3 0 0 0 3 3 2.634 2.634 0 0 0 .729-.093A2.994 2.994 0 0 0 55 35a1 1 0 0 1 1-1h.972a16.937 16.937 0 0 0-9.1-14.061z"
/>
<path fill="url(#c)" d="M34 46h12v6H34z" />
<path
fill="url(#d)"
d="M32 32a14 14 0 1 0-14-14 14.015 14.015 0 0 0 14 14zm4-24h2v2h-2zm-6-2h2v2h-2zm-5.286 6.057a3 3 0 0 1 2.456-1.052 2.992 2.992 0 0 1 5.128-.922 3 3 0 0 1 3.539 1.939A2.5 2.5 0 0 1 37.949 15H39a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2v3a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-9.806a2.9 2.9 0 0 1-.96-1.7 3.013 3.013 0 0 1 .674-2.437zM51 60a1 1 0 0 0 1-1V40a4.982 4.982 0 0 1-4-2.031 4.954 4.954 0 0 1-8 0 4.954 4.954 0 0 1-8 0 4.954 4.954 0 0 1-8 0 4.954 4.954 0 0 1-8 0A4.982 4.982 0 0 1 12 40v19a1 1 0 0 0 1 1h3V47a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v13zM32 46a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H34a2 2 0 0 1-2-2z"
/>
<path
fill="url(#e)"
d="M33 18.5a2.5 2.5 0 0 1-5 0V17h-1v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-9h-2z"
/>
<path
fill="url(#e)"
d="M27.106 15H29a1 1 0 0 1 1 1v2.5a.5.5 0 0 0 1 0V16a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H35a1 1 0 0 1-1-1 1 1 0 0 0-1.559-.829 1 1 0 0 1-1.5-.5A1 1 0 0 0 29 12a.774.774 0 0 0 .015.119 1.026 1.026 0 0 1-.436.992.994.994 0 0 1-1.067.038A.978.978 0 0 0 27 13a1 1 0 0 0-.985 1.175 1.082 1.082 0 0 0 1.091.825z"
/>
<path
fill="url(#f)"
d="M41 31.218V35a3 3 0 0 0 6 0v-4a12.962 12.962 0 0 0-1.07-5.157A16.092 16.092 0 0 1 41 31.218z"
/>
<path
fill="url(#g)"
d="M39 35v-2.635a15.852 15.852 0 0 1-6 1.584V35a3 3 0 0 0 6 0z"
/>
<path
fill="url(#h)"
d="M17 35a3 3 0 0 0 6 0v-3.782a16.092 16.092 0 0 1-4.93-5.375A12.962 12.962 0 0 0 17 31z"
/>
<path
fill="url(#i)"
d="M7.029 34H8a1 1 0 0 1 1 1 2.987 2.987 0 0 0 2.246 2.9A2.713 2.713 0 0 0 12 38a3 3 0 0 0 3-3v-4a14.943 14.943 0 0 1 2-7.471 15.851 15.851 0 0 1-.876-3.595A16.941 16.941 0 0 0 7.029 34z"
/>
<path
fill="url(#j)"
d="M19 46a1 1 0 0 0-1 1v13h8V47a1 1 0 0 0-1-1zm6 9h-2v-4h2z"
/>
<path
fill="url(#k)"
d="M31 35v-1.051a15.852 15.852 0 0 1-6-1.584V35a3 3 0 0 0 6 0z"
/>
</svg>
More icons in the same style and category