Add icons to this collection by clicking the heart icon.
Barrel icon - also known as beer, barrel, pub, cask, alcoholic drinks, food and restaurant, beer keg, and brewery. Created in a clean gradient style with a white, gray, navy, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ac6c58" />
<stop offset="1" stop-color="#da9b8c" />
</linearGradient>
<linearGradient
id="d"
x1="251"
x2="251"
y1="465.715"
y2="-182.503"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="251"
x2="251"
y1="505.444"
y2="191.301"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="f"
x1="-53.547"
x2="503.027"
y1="89.452"
y2="89.452"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-53.547"
x2="503.027"
y1="412.549"
y2="412.549"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#53aae6" />
<stop offset="1" stop-color="#a4d2f0" />
</linearGradient>
<linearGradient
id="h"
x1="251"
x2="251"
y1="115.388"
y2="39.336"
gradientTransform="rotate(180 251 89.451)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="102.483"
x2="102.483"
y1="115.388"
y2="39.336"
gradientTransform="rotate(180 251 89.451)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="399.517"
x2="399.517"
y1="115.388"
y2="39.336"
gradientTransform="rotate(180 251 89.451)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="251"
x2="251"
y1="115.388"
y2="39.336"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="102.483"
x2="102.483"
y1="115.388"
y2="39.336"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="399.517"
x2="399.517"
y1="115.388"
y2="39.336"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="429.167"
x2="472.974"
y1="258.743"
y2="258.743"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<path
fill="url(#d)"
d="M94.569 502h312.862a46.521 46.521 0 0 0 42.29-27.136c65.154-142.132 65.154-305.596 0-447.728A46.522 46.522 0 0 0 407.431 0H94.569a46.522 46.522 0 0 0-42.29 27.136c-65.154 142.132-65.154 305.596 0 447.728A46.522 46.522 0 0 0 94.569 502z"
/>
<path
fill="url(#e)"
d="M160.45 502h181.1a1299.645 1299.645 0 0 0 0-501.999h-181.1a1299.645 1299.645 0 0 0 0 501.999z"
/>
<path
fill="url(#f)"
d="M20.834 127.395h460.332c11.706 0 20.22-11.131 17.144-22.425a556.263 556.263 0 0 0-13.166-41.778c-2.522-7.027-9.226-11.683-16.691-11.683H33.547c-7.465 0-14.169 4.657-16.691 11.683A557.186 557.186 0 0 0 3.69 104.97c-3.076 11.294 5.438 22.425 17.144 22.425z"
/>
<path
fill="#a86455"
d="M17.892 127.149a537.396 537.396 0 0 0-6.79 33.326c3.171.598 6.422.92 9.731.92h92.013c9.389 0 17-7.611 17-17s-7.611-17-17-17H20.834c-1.006 0-1.987-.088-2.942-.246z"
/>
<path
fill="url(#g)"
d="M20.834 374.605h460.332c11.706 0 20.22 11.131 17.144 22.426a556.263 556.263 0 0 1-13.166 41.778c-2.522 7.027-9.226 11.683-16.691 11.683H33.547c-7.465 0-14.169-4.657-16.691-11.684A557.186 557.186 0 0 1 3.69 397.03c-3.076-11.294 5.438-22.425 17.144-22.425z"
/>
<circle cx="251" cy="89.451" r="24.24" fill="url(#h)" />
<circle cx="399.517" cy="89.451" r="24.24" fill="url(#i)" />
<circle cx="102.483" cy="89.451" r="24.24" fill="url(#j)" />
<circle cx="251" cy="412.548" r="24.24" fill="url(#k)" />
<circle cx="102.483" cy="412.548" r="24.24" fill="url(#l)" />
<circle cx="399.517" cy="412.548" r="24.24" fill="url(#m)" />
<ellipse cx="163.114" cy="270.746" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="338.886" cy="270.746" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="188.721" cy="241.128" r="29.618" fill="#fff" />
<circle cx="313.279" cy="241.128" r="29.618" fill="#fff" />
<path
fill="#3b3b44"
d="M198.504 251.559a7.5 7.5 0 0 1-6.579-3.888c-.94-1.71-2.554-1.895-3.204-1.895s-2.264.185-3.204 1.895a7.5 7.5 0 0 1-13.145-7.227 18.655 18.655 0 0 1 32.697 0 7.5 7.5 0 0 1-6.565 11.115zM323.062 251.559a7.498 7.498 0 0 1-6.579-3.888c-.94-1.71-2.554-1.895-3.205-1.895-.65 0-2.264.185-3.204 1.895a7.5 7.5 0 0 1-13.145-7.227 18.655 18.655 0 0 1 32.697 0 7.5 7.5 0 0 1-6.564 11.115zM262.671 280.932h-23.342c-6.508 0-11.784-5.276-11.784-11.784 0-6.508 5.276-11.784 11.784-11.784h23.342c6.508 0 11.784 5.276 11.784 11.784 0 6.508-5.276 11.784-11.784 11.784z"
/>
<ellipse cx="450.919" cy="258.742" fill="url(#n)" rx="20.065" ry="31.264" />
</svg>
More icons in the same style and category