Add icons to this collection by clicking the heart icon.
Barrel icon - also known as water, wine, bar, beer, barrel, pub, cask, and food and restaurant. Created in a clean 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient
id="c"
x1="87.776"
x2="414.367"
y1="141.213"
y2="364.989"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb37e" />
<stop offset=".27" stop-color="#e2a06e" />
<stop offset=".845" stop-color="#9f7045" />
<stop offset="1" stop-color="#8c6239" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#8c6239" stop-opacity="0" />
<stop offset="1" stop-color="#8c6239" />
</linearGradient>
<linearGradient
id="d"
x1="69.511"
x2="185.287"
y1="252.252"
y2="268.668"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="361.069"
x2="471.662"
y1="262.782"
y2="262.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="120.683"
x2="268.134"
y1="255.168"
y2="273.779"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="302.828"
x2="405.791"
y1="265.037"
y2="265.037"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="204.096"
x2="327.811"
y1="260.16"
y2="272.028"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="247.535"
x2="266.327"
y1="-20.768"
y2="84.208"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb37e" />
<stop offset=".154" stop-color="#f3ad79" />
<stop offset=".402" stop-color="#dc9c6a" />
<stop offset=".708" stop-color="#b68153" />
<stop offset="1" stop-color="#8c6239" />
</linearGradient>
<linearGradient
id="j"
x1="254.997"
x2="254.997"
y1="53.655"
y2="6.037"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="260.244"
x2="260.244"
y1="234.108"
y2="132.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="l"
x1="252.378"
x2="256.914"
y1="102.316"
y2="150.916"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="105.633"
x2="74.428"
y1="137.555"
y2="106.35"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="159.298"
x2="138.021"
y1="195.376"
y2="174.099"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="187.281"
x2="156.075"
y1="142.742"
y2="111.537"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="77.65"
x2="56.373"
y1="190.189"
y2="168.912"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="268.929"
x2="237.723"
y1="145.336"
y2="114.13"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="-3.998"
x2="-25.274"
y1="187.595"
y2="166.318"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="350.576"
x2="319.371"
y1="142.742"
y2="111.537"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="-85.645"
x2="-106.922"
y1="190.189"
y2="168.912"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="432.224"
x2="401.019"
y1="137.555"
y2="106.35"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="-167.293"
x2="-188.57"
y1="195.376"
y2="174.099"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="258.899"
x2="256.307"
y1="496.207"
y2="441.775"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="254.415"
x2="258.973"
y1="391.876"
y2="440.709"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="105.633"
x2="74.428"
y1="427.582"
y2="396.376"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="159.298"
x2="138.021"
y1="-94.651"
y2="-115.928"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="A"
x1="187.281"
x2="156.075"
y1="432.769"
y2="401.563"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="77.65"
x2="56.374"
y1="-99.838"
y2="-121.115"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="C"
x1="268.929"
x2="237.723"
y1="435.363"
y2="404.157"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="D"
x1="-3.998"
x2="-25.274"
y1="-102.432"
y2="-123.708"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="E"
x1="350.576"
x2="319.371"
y1="432.769"
y2="401.563"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="F"
x1="-85.645"
x2="-106.922"
y1="-99.838"
y2="-121.115"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="G"
x1="432.224"
x2="401.019"
y1="427.582"
y2="396.376"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="-167.293"
x2="-188.57"
y1="-94.651"
y2="-115.928"
gradientTransform="rotate(180 120.75 154.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M424.116 20.604H85.878c-58.025 152.797-58.028 315.682 0 468.479v.001c0 11.552 75.717 20.917 169.119 20.917s169.119-9.365 169.119-20.917c58.026-152.799 58.027-315.681 0-468.48z"
/>
<path
fill="url(#d)"
d="M144.98 20.606c-37.752 157.969-37.752 326.371 0 484.34v.013a473.398 473.398 0 0 1-9.564-1.089c-30.598-3.784-49.533-9.007-49.533-14.787-58.035-152.798-58.035-315.679 0-468.477z"
/>
<path
fill="url(#e)"
d="M467.644 254.844c0 78.926-14.515 157.839-43.533 234.238 0 6.35-22.913 12.053-59.097 15.876v-.013c37.752-157.969 37.752-326.371 0-484.34h59.097c29.017 76.399 43.533 155.313 43.533 234.239z"
/>
<path
fill="url(#f)"
d="M217.128 20.606c-12.947 159.433-12.986 329.351-.13 488.863-27.06-.765-51.645-2.333-72.018-4.497v-.026c-37.752-157.969-37.752-326.371 0-484.34z"
/>
<path
fill="url(#g)"
d="M365.014 504.945v.026c-20.373 2.164-44.958 3.732-72.019 4.497 12.856-159.511 12.817-329.429-.13-488.863h72.148c37.753 157.969 37.753 326.371.001 484.34z"
/>
<path
fill="url(#h)"
d="M217 509.469c12.214.347 24.931.531 37.997.531s25.783-.184 37.997-.531c12.863-159.507 12.823-329.428-.127-488.865h-75.74c-12.95 159.436-12.991 329.359-.127 488.865z"
/>
<ellipse cx="254.997" cy="20.917" fill="url(#i)" rx="169.119" ry="20.917" />
<ellipse cx="254.997" cy="18.325" fill="url(#j)" rx="144.503" ry="12.312" />
<path
fill="url(#k)"
d="m52.859 138.89 358.249 358.249c8.375-2.48 13.007-5.201 13.007-8.056 45.908-120.889 55.486-248.09 28.752-371.615H57.126a658.212 658.212 0 0 0-4.267 21.422z"
/>
<path
fill="url(#l)"
d="M254.997 151.122c80.915 0 153.072-4.636 200.059-11.878 5.087-.784 8.472-5.658 7.435-10.699a640.82 640.82 0 0 0-5.146-22.882c-.927-3.795-4.472-6.436-8.366-6.117a4.026 4.026 0 0 0-.242.026c-47.008 6.703-116.367 10.943-193.74 10.943-77.322 0-146.641-4.234-193.647-10.93a4.242 4.242 0 0 0-.249-.027c-3.941-.328-7.533 2.342-8.471 6.184a640.26 640.26 0 0 0-5.127 22.803c-1.037 5.042 2.348 9.915 7.435 10.699 46.988 7.241 119.144 11.878 200.059 11.878z"
/>
<circle cx="91.701" cy="123.623" r="14.256" fill="url(#m)" />
<circle cx="91.701" cy="123.623" r="9.72" fill="url(#n)" />
<circle cx="173.349" cy="128.81" r="14.256" fill="url(#o)" />
<circle cx="173.349" cy="128.811" r="9.72" fill="url(#p)" />
<circle cx="254.997" cy="131.404" r="14.256" fill="url(#q)" />
<circle cx="254.997" cy="131.404" r="9.72" fill="url(#r)" />
<circle cx="336.645" cy="128.81" r="14.256" fill="url(#s)" />
<circle cx="336.645" cy="128.811" r="9.72" fill="url(#t)" />
<circle cx="418.292" cy="123.623" r="14.256" fill="url(#u)" />
<circle cx="418.292" cy="123.623" r="9.72" fill="url(#v)" />
<path
fill="url(#w)"
d="M62.289 414.251a669.332 669.332 0 0 0 4.301 16.201l.487.215 73.859 73.859c30.073 3.4 70.107 5.474 114.061 5.474 93.402 0 169.119-9.365 169.119-20.917a678.582 678.582 0 0 0 23.588-74.832z"
/>
<path
fill="url(#x)"
d="M454.957 418.911a687.852 687.852 0 0 0 4.47-18.948c1.347-6.096-3.991-11.596-10.131-10.463-.274.051-.466.085-.559.098-47.008 6.703-116.367 10.943-193.74 10.943-77.322 0-146.641-4.234-193.647-10.93l-.002-.001c-6.315-1.669-12.202 3.928-10.793 10.306a686.412 686.412 0 0 0 4.48 18.99c1.653 6.585 7.182 11.466 13.914 12.345 46.719 6.095 112.785 9.897 186.049 9.897s139.33-3.803 186.048-9.897c6.729-.878 12.259-5.757 13.911-12.34z"
/>
<circle cx="91.701" cy="413.65" r="14.256" fill="url(#y)" />
<circle cx="91.701" cy="413.65" r="9.72" fill="url(#z)" />
<circle cx="173.349" cy="418.837" r="14.256" fill="url(#A)" />
<circle cx="173.349" cy="418.837" r="9.72" fill="url(#B)" />
<circle cx="254.997" cy="421.431" r="14.256" fill="url(#C)" />
<circle cx="254.997" cy="421.431" r="9.72" fill="url(#D)" />
<circle cx="336.645" cy="418.837" r="14.256" fill="url(#E)" />
<circle cx="336.645" cy="418.837" r="9.72" fill="url(#F)" />
<circle cx="418.292" cy="413.65" r="14.256" fill="url(#G)" />
<circle cx="418.292" cy="413.65" r="9.72" fill="url(#H)" />
</svg>
More icons in the same style and category