Add icons to this collection by clicking the heart icon.
Chemex icon - also known as coffee, hot drink, shop, cafe, food and restaurant, and chemex. 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="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</linearGradient>
<radialGradient
id="i"
cx="87.9"
cy="335.314"
r="124.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#75cdd5" />
<stop offset=".214" stop-color="#4fc4ce" />
<stop offset=".406" stop-color="#2abcc8" />
<stop offset="1" stop-color="#0996a4" />
</linearGradient>
<radialGradient
id="j"
cx="348.352"
cy="352.903"
r="211.222"
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="k"
cx="110.841"
cy="490.341"
r="31.45"
gradientTransform="matrix(0 1 -2.412 0 1293.494 379.5)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="105.264"
cy="431.965"
r="110.672"
gradientTransform="matrix(1 0 0 .626 0 161.75)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c59191" />
<stop offset=".493" stop-color="#b98080" />
<stop offset=".617" stop-color="#ab7373" />
<stop offset=".976" stop-color="#855151" />
</radialGradient>
<radialGradient
id="m"
cx="87.9"
cy="317.4"
r="121.512"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="85.57"
cy="60.529"
r="139.202"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fff7f3" />
<stop offset=".535" stop-color="#f3c6bd" />
<stop offset=".871" stop-color="#eaa998" />
</linearGradient>
<radialGradient
id="o"
cx="138.242"
cy="258.527"
r="101.889"
gradientTransform="matrix(1 0 0 .62 0 98.13)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="p"
cx="352.43"
cy="55.024"
r="189.828"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#dd7f66" />
<stop offset=".512" stop-color="#d6694b" />
<stop offset=".669" stop-color="#c16552" />
<stop offset=".976" stop-color="#9b5e5e" />
</linearGradient>
<radialGradient
id="q"
cx="331.427"
cy="267.635"
r="207.693"
gradientTransform="matrix(1 0 0 .62 0 101.587)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<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="402.381"
cy="480.426"
r="228.434"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="s"
cx="125.664"
cy="115.871"
r="73.569"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</linearGradient>
<radialGradient
id="t"
cx="97.147"
cy="191.541"
r="13.413"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<radialGradient
id="u"
cx="118.049"
cy="201.882"
r="57.226"
gradientTransform="matrix(1 0 0 .414 0 118.239)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ad" />
<stop offset=".518" stop-color="#ffe177" />
<stop offset=".635" stop-color="#ffd96a" />
<stop offset="1" stop-color="#ffc344" />
</radialGradient>
<radialGradient
id="v"
cx="112.476"
cy="173.894"
r="48.106"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</linearGradient>
<radialGradient
id="w"
cx="179.739"
cy="167.922"
r="61.51"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="x"
cx="167.735"
cy="188.647"
r="24.322"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb237" />
<stop offset=".32" stop-color="#f3a72c" />
<stop offset=".512" stop-color="#eca026" />
<stop offset=".662" stop-color="#f28d19" />
<stop offset=".989" stop-color="#ff6700" />
</radialGradient>
<radialGradient
id="y"
cx="150.06"
cy="175.094"
r="39.55"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<radialGradient
id="z"
cx="383.379"
cy="129.141"
r="178.917"
gradientTransform="matrix(-1 0 0 -.555 766.759 200.797)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="A"
cx="358.394"
cy="153.987"
r="175.329"
gradientTransform="matrix(-1 0 0 -.13 716.788 199.439)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="B"
cx="348.335"
cy="342.177"
r="203.739"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="C"
cx="91.842"
cy="14.146"
r="79.04"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="D"
cx="137.741"
cy="-.377"
r="45.887"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="E"
cx="431.157"
cy="1144.868"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 356.143)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1a4a4" />
<stop offset=".512" stop-color="#e9d3d3" />
<stop offset=".573" stop-color="#ecd9d9" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path
fill="url(#i)"
d="M209.653 192h-76.8L74.459 333.814a138.807 138.807 0 0 0-9.592 37.387l119.186 25.6C196.552 315.51 209.653 192 209.653 192z"
/>
<path
fill="url(#j)"
d="M437.542 333.814 368.105 192H209.653l-58.394 141.813a138.898 138.898 0 0 0-9.587 37.387L286.453 384l160.676-12.8a138.928 138.928 0 0 0-9.587-37.386z"
/>
<path fill="url(#k)" d="M94.453 473.6v12.8h76.8l12.8-25.6z" />
<path
fill="url(#l)"
d="M72.72 435.2a138.873 138.873 0 0 0 21.733 38.4h76.8c-5.401-6.751-.117-46.082 0-64z"
/>
<path
fill="url(#m)"
d="M64.867 371.2a139.198 139.198 0 0 0 7.853 64h91.118c.118-18.032 2.516-40.31 6.158-64z"
/>
<path fill="url(#n)" d="m132.853 192-64-192h76.8l64 102.4V192z" />
<path fill="url(#o)" d="m94.453 256 25.6-64 89.6-12.8-38.4 76.8z" />
<path fill="url(#p)" d="M443.148 0H145.653l64 192h158.452z" />
<path fill="url(#q)" d="M391.948 192H196.853l-25.6 64h246.295z" />
<path fill="url(#r)" d="M171.253 473.6h246.295v12.8H171.253z" />
<path fill="url(#s)" d="m94.453 128 25.6 64h89.6l-38.4-64z" />
<path
fill="url(#t)"
d="M107.253 185.6a6.4 6.4 0 0 0-6.4 6.4 6.4 6.4 0 0 0 6.4 6.4h76.8c-3.535 0-3.535-12.8 0-12.8z"
/>
<path
fill="url(#u)"
d="M132.853 217.6h25.6c-4.614 0-11.197-18.254-12.8-25.6l-34.967 12.8c4.427 7.65 12.693 12.8 22.167 12.8z"
/>
<path
fill="url(#v)"
d="M158.453 166.4h-25.6c-14.139 0-25.6 11.462-25.6 25.6 0 4.665 1.254 9.034 3.433 12.8h38.443c-3.308-15.165-.201-38.4 9.324-38.4z"
/>
<circle cx="158.453" cy="192" r="25.6" fill="url(#w)" />
<circle cx="158.453" cy="192" r="12.8" fill="url(#x)" />
<path
fill="url(#y)"
d="M158.453 185.6a6.4 6.4 0 0 0-6.4 6.4 6.4 6.4 0 0 0 6.4 6.4h32c-3.535 0-3.535-12.8 0-12.8z"
/>
<path fill="url(#z)" d="M391.948 192H196.853l-25.6-64h246.295z" />
<path
fill="url(#A)"
d="M398.348 198.4H190.453a6.4 6.4 0 0 1-6.4-6.4 6.4 6.4 0 0 1 6.4-6.4h207.895a6.4 6.4 0 1 1 0 12.8z"
/>
<path
fill="url(#B)"
d="M141.672 371.2c-4.071 36.199 6.181 73.151 29.581 102.4h246.295c23.399-29.249 33.652-66.2 29.581-102.4z"
/>
<path fill="url(#C)" d="m76.8 0 25.6 51.2H128V12.8L102.4 0z" />
<path fill="url(#D)" d="M128 0v51.2L102.4 0z" />
<path
fill="url(#E)"
d="M256 512c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category