Add icons to this collection by clicking the heart icon.
Beer Mug icon - also known as beverage, beer, celebration, mug, beer mug, Saint Patrick, Irish, alcoholic drink, and food and restaurant. 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 512 512"
>
<linearGradient
id="a"
x1="75.422"
x2="189.697"
y1="295.14"
y2="295.14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccc9e5" />
<stop offset="1" stop-color="#9c9acc" />
</linearGradient>
<linearGradient
id="c"
x1="168.228"
x2="414.723"
y1="190.453"
y2="190.453"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2bb97" />
<stop offset=".318" stop-color="#e0b796" />
<stop offset=".643" stop-color="#daab92" />
<stop offset=".97" stop-color="#d0968b" />
<stop offset="1" stop-color="#cf948a" />
</linearGradient>
<linearGradient
id="d"
x1="168.228"
x2="414.723"
y1="438.922"
y2="438.922"
href="#a"
/>
<linearGradient
id="e"
x1="198.228"
x2="384.723"
y1="436.922"
y2="436.922"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9c9acc" />
<stop offset="1" stop-color="#7862b5" />
</linearGradient>
<linearGradient
id="f"
x1="168.228"
x2="414.723"
y1="290.14"
y2="290.14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a95e4c" />
<stop offset="1" stop-color="#8a3948" />
</linearGradient>
<linearGradient
id="b"
x1="346.621"
x2="369.526"
y1="220.897"
y2="220.897"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3e9d8" />
<stop offset="1" stop-color="#f3c8ca" />
</linearGradient>
<radialGradient id="g" cx="246.393" cy="248.266" r="129.104" href="#b" />
<radialGradient
id="h"
cx="254.619"
cy="259.129"
r="108.664"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3d47f" />
<stop offset="1" stop-color="#87b047" />
</radialGradient>
<radialGradient id="i" cx="192.253" cy="56.5" r="238.033" href="#b" />
<path
fill="url(#a)"
d="M189.697 417.843h-29.87a84.501 84.501 0 0 1-84.405-84.406V246.11a73.755 73.755 0 0 1 73.671-73.672h40.604v40h-40.604a33.71 33.71 0 0 0-33.671 33.672v87.328a44.456 44.456 0 0 0 44.406 44.406h29.869z"
/>
<path
fill="url(#c)"
d="m414.723 172.438-123.247 69.839-123.248-69.839v-33.81h246.495z"
/>
<path
fill="url(#d)"
d="M188.228 480h206.495a20 20 0 0 0 20-20v-42.157l-123.247-20-123.248 20V460a20 20 0 0 0 20 20z"
/>
<path
fill="url(#e)"
d="M364.723 460H218.228a20 20 0 0 1-20-20v-26.157h186.495V440a20 20 0 0 1-20 20z"
/>
<path
fill="url(#f)"
d="M414.723 172.438c-15.384-5-30.943-10-61.712-10-61.538 0-61.538 20-123.076 20-30.768 0-46.151-5-61.535-10h-.172v245.405h246.495z"
/>
<path
fill="url(#b)"
d="M358.073 232.438c-15.26 0-15.28-23.083 0-23.083 15.26 0 15.281 23.083 0 23.083z"
/>
<circle cx="291.476" cy="295.14" r="60" fill="url(#g)" />
<path
fill="url(#h)"
d="M318.276 268.178c.796-15.115-24.588-23.715-26.887 5.486-2.38-29.01-27.67-20.418-26.876-5.324-15.115-.796-23.715 24.588 5.487 26.887-29.01 2.38-20.418 27.67-5.325 26.876-.795 15.115 24.588 23.715 26.888-5.486 2.38 29.01 27.67 20.418 26.876 5.324 15.115.796 23.714-24.588-5.487-26.888 29.01-2.38 20.418-27.67 5.324-26.875z"
/>
<path
fill="url(#i)"
d="M168.228 138.628h131.538a33.81 33.81 0 0 1 33.81 33.81c0 29.683 45.032 30.077 45.032-.54v-.3a32.97 32.97 0 0 1 32.97-32.97h3.145s18.543-60.93-61.623-46.759c-1.434-68.883-121.803-69.434-123.248 0-80.166-14.17-61.624 46.759-61.624 46.759z"
/>
</svg>
More icons in the same style and category