Add icons to this collection by clicking the heart icon.
Beer icon - also known as drink, beverage, can, beer, alcohol, alcoholic drink, and food and restaurant. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-30 40v20h-140V40l-30-40"
transform="matrix(1.33333 0 0 -1.33333 293.333 208)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-40h140l30 40"
transform="matrix(1.33333 0 0 -1.33333 26.667 554.667)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M220 96H20v260h200z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-33.137-26.863-60-60-60s-60 26.863-60 60 26.863 60 60 60S0 33.137 0 0"
transform="translate(180 226)"
fill="#e7e9ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h110"
transform="translate(10 356)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h70"
transform="translate(160 356)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-220"
transform="translate(230 96)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-20l30-40v-260L0-360h-140l-30 40v260l30 40V0"
transform="translate(190 416)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-80c0-11.046-8.954-20-20-20s-20 8.954-20 20V0h-80c-11.046 0-20 8.954-20 20s8.954 20 20 20H40c11.046 0 20-8.954 20-20S51.046 0 40 0Z"
transform="translate(160 416)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-80c0-11.046-8.954-20-20-20s-20 8.954-20 20V0h-80c-11.046 0-20 8.954-20 20s8.954 20 20 20H40c11.046 0 20-8.954 20-20S51.046 0 40 0Z"
transform="translate(160 416)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30 40v20h-140V40l-30-40"
transform="translate(492 356)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-40h140l30 40"
transform="translate(292 96)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M492 96H292v260h200z"
fill="#cfd3df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-33.137-26.863-60-60-60s-60 26.863-60 60 26.863 60 60 60S0 33.137 0 0"
transform="translate(452 226)"
fill="#e7e9ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h110"
transform="translate(282 356)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h70"
transform="translate(432 356)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-220"
transform="translate(502 96)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-20l30-40v-260L0-360h-140l-30 40v260l30 40V0"
transform="translate(462 416)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-80c0-11.046-8.954-20-20-20s-20 8.954-20 20V0h-80c-11.046 0-20 8.954-20 20s8.954 20 20 20H40c11.046 0 20-8.954 20-20S51.046 0 40 0Z"
transform="translate(432 416)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-80c0-11.046-8.954-20-20-20s-20 8.954-20 20V0h-80c-11.046 0-20 8.954-20 20s8.954 20 20 20H40c11.046 0 20-8.954 20-20S51.046 0 40 0Z"
transform="translate(432 416)"
fill="none"
stroke="#8690af"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category