Add icons to this collection by clicking the heart icon.
Brewer icon - also known as cold, coffee, shop, cafe, food and restaurant, and brewer. Created in a clean 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">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".518" stop-color="#6cabca" />
<stop offset=".793" stop-color="#2c91b9" />
<stop offset=".976" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="e"
cx="375.882"
cy="224.953"
r="35.085"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="364.024"
cy="185.106"
r="60.013"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#017297" />
<stop offset=".512" stop-color="#024c67" />
<stop offset=".976" stop-color="#00366d" />
</linearGradient>
<radialGradient
id="g"
cx="428.883"
cy="101.061"
r="138.63"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#edd9d3" />
<stop offset=".075" stop-color="#e9d2cd" />
<stop offset=".358" stop-color="#dcbbb9" />
<stop offset=".535" stop-color="#d7b2b2" />
<stop offset=".973" stop-color="#c59191" />
</linearGradient>
<radialGradient
id="h"
cx="110.635"
cy="92.25"
r="375.092"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="i"
cx="253.071"
cy="37.412"
r="51.485"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="168.433"
cy=".311"
r="92.405"
gradientTransform="matrix(1 0 0 .39 0 .189)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="133.8"
cy="67.277"
r="88.247"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="348.115"
cy="107.03"
r="104.049"
gradientTransform="matrix(-1 0 0 -1.195 696.229 234.924)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="113.659"
cy="54.788"
r="55.504"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="173.235"
cy="53.659"
r="46.031"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="o"
cx="144.747"
cy="39.582"
r="72.024"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="p"
cx="1412.527"
cy="-198.377"
r="101.694"
gradientTransform="matrix(-2.25 0 0 -.285 3492.371 -18.012)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="297.075"
cy="-4.791"
r="106.16"
gradientTransform="matrix(-1 0 0 -.497 594.149 -7.174)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ae6c6c" />
<stop offset=".512" stop-color="#9b5e5e" />
<stop offset=".564" stop-color="#965b5b" />
<stop offset=".976" stop-color="#704444" />
</linearGradient>
<radialGradient
id="r"
cx="328.624"
cy="221.999"
r="281.882"
gradientTransform="matrix(0 1 -.634 0 469.457 -106.625)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="s"
cx="328.624"
cy="246.035"
r="256.366"
gradientTransform="matrix(0 1 -.634 0 484.705 -82.588)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75cdd5" />
<stop offset=".214" stop-color="#4fc4ce" />
<stop offset=".406" stop-color="#2abcc8" />
<stop offset="1" stop-color="#0996a4" />
</radialGradient>
<radialGradient
id="t"
cx="111.777"
cy="157.941"
r="310.533"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</radialGradient>
<radialGradient
id="u"
cx="315.666"
cy="241.762"
r="187.268"
gradientTransform="matrix(0 1 -.528 0 443.248 -73.904)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3692bc" />
<stop offset=".512" stop-color="#0681af" />
<stop offset=".573" stop-color="#057bad" />
<stop offset=".976" stop-color="#0055a3" />
</radialGradient>
<radialGradient
id="v"
cx="123.655"
cy="237.645"
r="240.949"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".514" stop-color="#bad6e5" />
<stop offset=".606" stop-color="#b0d0e2" />
<stop offset=".976" stop-color="#8abbd5" />
</radialGradient>
<radialGradient
id="w"
cx="123.655"
cy="237.645"
r="247.281"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="x"
cx="272.579"
cy="1144.868"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -.42 356.143)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8b6b0" />
<stop offset=".512" stop-color="#ecdad7" />
<stop offset=".535" stop-color="#eddcd9" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<radialGradient
id="y"
cx="208.135"
cy="370.908"
r="71.365"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="z"
cx="270.835"
cy="384.577"
r="51.267"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="A"
cx="118.535"
cy="409.308"
r="71.365"
gradientTransform="matrix(.667 0 0 .75 51.2 102.4)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="B"
cx="174.835"
cy="414.882"
r="51.136"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="C"
cx="329.736"
cy="443.442"
r="71.365"
gradientTransform="matrix(.667 0 0 .75 51.2 102.4)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="D"
cx="315.635"
cy="440.482"
r="51.136"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="m401.714 217.6-39.149 14.882c0 12.988 10.529 23.518 23.518 23.518H409.6c-3.773 0-6.259-24.605-7.886-38.4z"
/>
<path
fill="url(#f)"
d="m398.882 89.6-36.318 12.8v130.082h39.149C397.739 198.79 398.882 89.6 398.882 89.6z"
/>
<path
fill="url(#g)"
d="M336.965 76.8V128H384v104.482C384 245.471 394.529 256 407.517 256h2.083V76.8z"
/>
<path fill="url(#h)" d="M115.2 358.4v128H192l25.6-153.6z" />
<path fill="url(#i)" d="M243.2 38.4V12.8l64-12.8-12.8 51.2z" />
<path fill="url(#j)" d="M153.6 38.4V0h51.2l12.8 51.2z" />
<path fill="url(#k)" d="m204.8 115.2-12.8-64h-76.8v89.6h87.631z" />
<path fill="url(#l)" d="M192 51.2h153.6v89.6H192z" />
<path fill="url(#m)" d="m140.8 102.4-38.4-51.2H128L153.6 64l12.8 38.4z" />
<path fill="url(#n)" d="M166.4 102.4 128 51.2h38.4z" />
<path fill="url(#o)" d="M128 51.2h76.8V38.4H128z" />
<path fill="url(#p)" d="M204.8 38.4h128v12.8h-128z" />
<path fill="url(#q)" d="M204.8 0v38.4h12.8V12.8h76.8v25.6h12.8V0z" />
<path fill="url(#r)" d="M192 358.4v128h153.6v-128l-51.2-12.8z" />
<path fill="url(#s)" d="M192 140.8h153.6v217.6H192z" />
<path fill="url(#t)" d="M115.2 140.8H192v217.6h-76.8z" />
<path fill="url(#u)" d="M281.6 358.4h-64l-12.8-89.6 12.8-128h64z" />
<path fill="url(#v)" d="M166.4 140.8H192v217.6h-25.6z" />
<path fill="url(#w)" d="M192 140.8h25.6v217.6H192z" />
<path
fill="url(#x)"
d="M256 512c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
/>
<path fill="url(#y)" d="M204.8 422.4h25.6l12.8-25.6-12.8-25.6h-25.6z" />
<path fill="url(#z)" d="M230.4 371.2h51.2v51.2h-51.2z" />
<path fill="url(#A)" d="M128 448h17.067l8.533-19.2-8.533-19.2H128z" />
<path fill="url(#B)" d="M140.8 409.6h38.4V448h-38.4z" />
<path fill="url(#C)" d="M268.8 473.6h17.067l8.533-19.2-8.533-19.2H268.8z" />
<path fill="url(#D)" d="M281.6 435.2H320v38.4h-38.4z" />
</svg>
More icons in the same style and category