Add icons to this collection by clicking the heart icon.
Beer icon - also known as drink, beverage, glass, beer, alcohol, 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="39.393"
x2="88.607"
y1="75.392"
y2="75.392"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6ad29" />
<stop offset="1" stop-color="#b35806" />
</linearGradient>
<linearGradient
id="f"
x1="64"
x2="64"
y1="90"
y2="114"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b35806" stop-opacity="0" />
<stop offset=".997" stop-color="#b35806" />
</linearGradient>
<linearGradient
id="g"
x1="39.393"
x2="88.607"
y1="40.897"
y2="40.897"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff296" />
<stop offset="1" stop-color="#ffab37" />
</linearGradient>
<linearGradient
id="a"
x1="64"
x2="64"
y1="42"
y2="30.765"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffab37" stop-opacity="0" />
<stop offset=".971" stop-color="#ffab37" />
</linearGradient>
<linearGradient id="h" x1="72.98" x2="72.98" y1="48" y2="34.73" href="#a" />
<linearGradient id="i" x1="57.98" x2="57.98" y1="48" y2="34.73" href="#a" />
<linearGradient id="j" x1="64" x2="64" y1="46" y2="51.029" href="#a" />
<linearGradient
id="k"
x1="32"
x2="91"
y1="26.993"
y2="26.993"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffd090" />
</linearGradient>
<linearGradient
id="l"
x1="60.458"
x2="60.458"
y1="29"
y2="45.986"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd294" stop-opacity="0" />
<stop offset=".971" stop-color="#ffd294" />
</linearGradient>
<linearGradient
id="b"
x1="62.5"
x2="62.5"
y1="24.212"
y2="12.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe2b3" />
<stop offset="1" stop-color="#ffc691" />
</linearGradient>
<linearGradient
id="m"
x1="43.622"
x2="39.765"
y1="25.881"
y2="16.881"
href="#b"
/>
<linearGradient
id="n"
x1="81.909"
x2="88.58"
y1="25.96"
y2="25.96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd695" />
<stop offset="1" stop-color="#ffb673" />
</linearGradient>
<linearGradient
id="d"
x1="43.84"
x2="84.16"
y1="114.514"
y2="114.514"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dce2e1" />
<stop offset="1" stop-color="#c0ccce" />
</linearGradient>
<linearGradient
id="o"
x1="47.815"
x2="47.815"
y1="30.086"
y2="35.02"
href="#b"
/>
<linearGradient
id="c"
x1="56.247"
x2="56.247"
y1="41"
y2="45.986"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe2b3" stop-opacity="0" />
<stop offset="1" stop-color="#ff993b" />
</linearGradient>
<linearGradient
id="p"
x1="70.795"
x2="70.795"
y1="37"
y2="41.137"
href="#c"
/>
<linearGradient
id="q"
x1="64"
x2="64"
y1="115"
y2="120.02"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".987" stop-color="#92a6ad" />
</linearGradient>
<linearGradient
id="r"
x1="48.658"
x2="48.658"
y1="44.694"
y2="57.601"
href="#d"
/>
<linearGradient
id="s"
x1="61.5"
x2="61.5"
y1="7"
y2="121.02"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2d2d2d" />
<stop offset=".987" stop-color="#141414" />
</linearGradient>
<g>
<path
fill="url(#e)"
d="M39.393 30.765S47 75 47 89s-4 16-3 27h.056c.577 2.24 9.272 4.02 19.944 4.02s19.367-1.78 19.944-4.02H84c1-11-3-13-3-27s7.607-58.235 7.607-58.235z"
/>
<path
fill="url(#f)"
d="M84.132 114c.363-9.06-2.95-11.76-3.123-24H46.991c-.173 12.24-3.486 14.94-3.123 24z"
/>
<path
fill="url(#g)"
d="M39.393 30.765s1.194 6.947 2.636 16.203l.158.118c1.71 2.235 10.805 3.943 21.797 3.943 11.775 0 21.37-1.96 22.044-4.43 1.417-9.072 2.58-15.834 2.58-15.834z"
/>
<path
fill="url(#g)"
d="M39.393 30.765s1.194 6.947 2.636 16.203l.158.118c1.71 2.235 10.805 3.943 21.797 3.943 11.775 0 21.37-1.96 22.044-4.43 1.417-9.072 2.58-15.834 2.58-15.834z"
/>
<path
fill="url(#a)"
d="M41.245 42h45.51c1.066-6.664 1.852-11.235 1.852-11.235H39.393s.786 4.57 1.852 11.235z"
/>
<path fill="url(#h)" d="M79.96 48H70.4L66 34.73h9.56z" />
<path fill="url(#i)" d="M64.96 48H55.4L51 34.73h9.56z" />
<path
fill="url(#j)"
d="m41.878 46 .151.968.158.118c1.71 2.235 10.805 3.943 21.797 3.943 11.775 0 21.37-1.96 22.044-4.43l.094-.6z"
/>
<path
fill="url(#k)"
d="M91 18.911a6.866 6.866 0 0 0-13.532-1.651c-.064.066-.132.128-.193.197a8.073 8.073 0 0 0-12.424-2.767 8.88 8.88 0 0 0-16.892-1 5.722 5.722 0 0 0-.603-.033 5.656 5.656 0 0 0-5.436 4.106 8.888 8.888 0 1 0-1.03 17.717 8.822 8.822 0 0 0 4.022-.967 69.944 69.944 0 0 0 7.293 1.06v6.373a4.041 4.041 0 0 0 8.082 0V36.03q1.198.024 2.425.025 2.062 0 4.041-.068v1.108a4.041 4.041 0 0 0 8.082 0V35.4c7.93-.916 13.4-2.701 13.718-4.77h.022v-6.487A6.85 6.85 0 0 0 91 18.91z"
/>
<path
fill="url(#l)"
d="M32.34 29a8.873 8.873 0 0 0 12.572 5.512 69.942 69.942 0 0 0 7.294 1.06v6.373a4.041 4.041 0 1 0 8.082 0v-5.914q1.198.024 2.425.025 2.062 0 4.04-.068v1.108a4.041 4.041 0 0 0 8.083 0V35.4c7.93-.916 13.4-2.701 13.717-4.77h.023V29z"
/>
<path
fill="url(#b)"
d="M64.85 14.69a2.338 2.338 0 0 1 .25-.19 8.06 8.06 0 0 0-2.94 8.46.997.997 0 1 1-1.93.5 9.758 9.758 0 0 1-.33-2.53 10.094 10.094 0 0 1 4.2-8.18 8.772 8.772 0 0 1 .75 1.94z"
/>
<path
fill="url(#m)"
d="M43.78 25.02a.998.998 0 0 1-1.41.1 7.689 7.689 0 0 1-2.52-7.36 8.936 8.936 0 0 1 1.04-.06 8.761 8.761 0 0 1 1.03.06 5.665 5.665 0 0 0 1.75 5.85.999.999 0 0 1 .11 1.41z"
/>
<path
fill="url(#n)"
d="M84.13 25.78a6.865 6.865 0 0 0 4.45-1.64v2.44a8.976 8.976 0 0 1-5.82 1.1 1.001 1.001 0 1 1 .3-1.98 7.702 7.702 0 0 0 1.07.08z"
/>
<path
fill="url(#d)"
d="M83.944 116H84a32.055 32.055 0 0 0-.06-6.991c-.598 2.235-9.282 4.01-19.94 4.01s-19.342-1.775-19.94-4.01A32.055 32.055 0 0 0 44 116h.056c.577 2.24 9.272 4.02 19.944 4.02s19.367-1.78 19.944-4.02z"
/>
<path
fill="url(#o)"
d="M50.58 31.54a10.867 10.867 0 0 1-2.8 3.48c-1-.15-1.95-.32-2.84-.5a8.955 8.955 0 0 0 3.86-3.89 1 1 0 0 1 1.78.91z"
/>
<path
fill="url(#c)"
d="M52.206 41v.945a4.041 4.041 0 1 0 8.082 0V41z"
/>
<path
fill="url(#p)"
d="M66.753 37v.096a4.041 4.041 0 0 0 8.083 0V37z"
/>
<path
fill="url(#q)"
d="M43.934 115c.022.333.034.65.066 1h.056c.577 2.24 9.272 4.02 19.944 4.02s19.367-1.78 19.944-4.02H84c.032-.35.044-.667.066-1z"
/>
<path
fill="url(#r)"
d="M47.611 57.601c-.564-3.88-1.192-8.012-1.865-12.284l3.951-.623c.676 4.287 1.306 8.436 1.873 12.33z"
opacity=".5"
/>
</g>
<path
fill="url(#s)"
d="M92 18.911a7.867 7.867 0 0 0-14.875-3.578 9.128 9.128 0 0 0-7.139-3.484 9.013 9.013 0 0 0-4.612 1.272 9.873 9.873 0 0 0-18.06-.463 6.686 6.686 0 0 0-6.079 4.048 8.992 8.992 0 0 0-.344-.007 9.884 9.884 0 0 0-1.578 19.643C41.4 49.007 46 78.145 46 89a53.453 53.453 0 0 1-1.796 14.177 34.914 34.914 0 0 0-1.2 12.913.939.939 0 0 0 .207.502c1.625 3.484 13.705 4.428 20.789 4.428 7.047 0 19.037-.934 20.763-4.372a1.002 1.002 0 0 0 .233-.557 34.914 34.914 0 0 0-1.2-12.914A53.453 53.453 0 0 1 82 89c0-13.755 7.517-57.625 7.593-58.066a.991.991 0 0 0-.018-.41V24.58A7.842 7.842 0 0 0 92 18.911zM45.045 35.556c1.855.37 3.917.68 6.16.92v5.47a5.042 5.042 0 0 0 10.083 0v-4.899c1.473.018 2.983.009 4.466-.029v.078a5.041 5.041 0 1 0 10.082 0v-.808c4.119-.518 8.616-1.39 11.304-2.847-.471 2.811-1.236 7.445-2.094 12.93-.463 1.333-7.779 3.658-21.062 3.658-11.294 0-19.696-1.843-21.003-3.551l-.014.01c-.6-3.843-1.159-7.297-1.61-10.04a9.842 9.842 0 0 0 3.688-.892zm37.987 80.035a.965.965 0 0 0-.056.16c-.294 1.14-7.07 3.269-18.976 3.269s-18.682-2.129-18.976-3.27a.94.94 0 0 0-.055-.153 32.66 32.66 0 0 1-.082-4.435c3.936 2.208 13.24 2.858 19.113 2.858s15.177-.65 19.113-2.858a32.704 32.704 0 0 1-.08 4.429zm-1.18-11.944a49.486 49.486 0 0 1 1.058 5.216c-.676 1.162-7.377 3.156-18.91 3.156s-18.236-1.995-18.91-3.157a49.411 49.411 0 0 1 1.059-5.216A55.183 55.183 0 0 0 48 89c0-8.05-2.474-25.89-4.623-39.864 4.1 1.985 12.724 2.893 20.607 2.893 7.922 0 16.54-.937 20.642-2.948C82.49 62.954 80 80.872 80 89a55.183 55.183 0 0 0 1.852 14.646zm5.723-73.228c-.004.02-.008.04-.01.06-.148.963-3.765 2.88-12.844 3.93a1 1 0 0 0-.885.993v1.694a3.041 3.041 0 1 1-6.082 0v-1.108a1 1 0 0 0-1.034-1c-2.116.072-4.313.084-6.411.043a.955.955 0 0 0-.721.285 1.002 1.002 0 0 0-.3.715v5.914a3.042 3.042 0 0 1-6.083 0v-6.373a.999.999 0 0 0-.903-.995 76.359 76.359 0 0 1-4.842-.621 9.924 9.924 0 0 0 2.232-2.87 1 1 0 1 0-1.78-.912 7.887 7.887 0 1 1-7.172-11.468c-.018.202-.042.405-.042.608a6.655 6.655 0 0 0 2.32 5.05 1 1 0 1 0 1.304-1.516 4.65 4.65 0 0 1-1.45-4.794c.002-.006.007-.011.01-.018a4.644 4.644 0 0 1 4.97-3.352 1.009 1.009 0 0 0 1.039-.633 7.877 7.877 0 0 1 14.823.326 9.066 9.066 0 0 0-2.521 8.834 1 1 0 1 0 1.935-.502 7.079 7.079 0 0 1 13.245-4.821 1.001 1.001 0 0 0 1.653.229l.16-.16a.997.997 0 0 0 .254-.457 5.86 5.86 0 1 1 4.78 7.21 1 1 0 0 0-.309 1.977 7.992 7.992 0 0 0 1.22.093 7.81 7.81 0 0 0 3.445-.805z"
/>
</svg>
More icons in the same style and category