Add icons to this collection by clicking the heart icon.
Coffee Maker icon - also known as machine, electronic, coffee, coffee maker, electronics, device, appliance, coffee machine, electronic device, and food and restaurant. 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=".43" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="f"
cx="395.005"
cy="344.026"
r="26.212"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".376" stop-color="#c0dae9" />
<stop offset=".43" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="g"
cx="372.787"
cy="291.392"
r="56.586"
gradientTransform="matrix(0 1 -.825 0 613.235 -81.395)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#3692bc" />
<stop offset=".504" stop-color="#0681af" />
<stop offset=".976" stop-color="#0055a3" />
</linearGradient>
<radialGradient
id="h"
cx="438.015"
cy="288.897"
r="69.855"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="i"
cx="97.769"
cy="-3.38"
r="90.923"
gradientTransform="matrix(1 0 0 .518 0 -1.615)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="223.186"
cy="145.61"
r="173.64"
gradientTransform="matrix(0 1 -.869 0 349.724 -77.577)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="74.79"
cy="419.709"
r="163.361"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffd6d6" />
<stop offset=".535" stop-color="#ffb3bd" />
<stop offset=".56" stop-color="#ffb1bb" />
<stop offset=".973" stop-color="#ff8b99" />
</linearGradient>
<radialGradient
id="l"
cx="157.65"
cy="416.739"
r="104.486"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="m"
cx="331.116"
cy="322.402"
r="176.506"
gradientTransform="matrix(0 1 -1.254 0 735.521 -8.714)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ff546a" />
<stop offset=".504" stop-color="#ff3650" />
<stop offset=".669" stop-color="#e92b5a" />
<stop offset=".978" stop-color="#c3186c" />
</linearGradient>
<radialGradient
id="n"
cx="383.243"
cy="561.291"
r="126.995"
gradientTransform="matrix(0 .154 14.844 0 -7948.322 386.379)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="o"
cx="340.383"
cy="99.986"
r="155.362"
gradientTransform="matrix(0 1 -1.404 0 480.758 -240.397)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="p"
cx="116.402"
cy="50.798"
r="181.637"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="q"
cx="336.688"
cy="145.774"
r="209.475"
gradientTransform="matrix(0 1 -1.09 0 495.526 -190.914)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="r"
cx="168.581"
cy="268.224"
r="128.321"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".43" stop-color="#d6f6fd" />
<stop offset="1" stop-color="#68e7fd" />
</radialGradient>
<radialGradient
id="s"
cx="357.492"
cy="339.511"
r="157.185"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#68e7fd" />
<stop offset=".169" stop-color="#42e3fd" />
<stop offset=".43" stop-color="#00dcfc" />
<stop offset="1" stop-color="#00c1fc" />
</radialGradient>
<radialGradient
id="t"
cx="190.469"
cy="229.016"
r="59.048"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="u"
cx="436.747"
cy="279.439"
r="95.091"
gradientTransform="matrix(0 2 -1.103 0 722.721 -583.416)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="v"
cx="351.868"
cy="2408.224"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -74.264 212.159)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa8b1" />
<stop offset=".203" stop-color="#ffbcc3" />
<stop offset=".467" stop-color="#ffd2d6" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path
fill="url(#f)"
d="M405.643 358.4c-9.246 0-17.046-6.885-18.193-16.06l14.807-9.54c1.147 9.175 6.939 25.6 16.185 25.6z"
/>
<path
fill="url(#g)"
d="m387.451 342.34-7.593-60.74 22.4-12.8-2.007 73.54z"
/>
<path
fill="url(#h)"
d="M415.058 256h-64v25.6h41.6l7.593 60.74c1.147 9.175 8.946 16.06 18.193 16.06h9.415z"
/>
<path
fill="url(#i)"
d="m85.27 25.6-1.022-8.69C83.189 7.909 90.221 0 99.284 0h76.8c-9.063 0-14.014 38.4-14.014 38.4z"
/>
<path
fill="url(#j)"
d="m85.27 25.6 35.388 281.6h38.4l12.8-89.6-36.928-192z"
/>
<path
fill="url(#k)"
d="M159.058 307.2h-38.4l-25.6 179.2h51.2l38.4-153.6z"
/>
<path fill="url(#l)" d="m197.458 384-28.444-56.889L146.258 486.4h25.6z" />
<path fill="url(#m)" d="M159.058 204.8h179.2v192h-179.2z" />
<path fill="url(#n)" d="M389.458 396.8h-204.8l-12.8 89.6h230.4z" />
<path
fill="url(#o)"
d="M413.069 16.91C414.128 7.909 407.095 0 398.032 0H176.084c-9.063 0-16.096 7.909-15.037 16.91l1.022 8.69h249.976z"
/>
<path fill="url(#p)" d="M162.07 25.6h-27.14l24.128 192h25.6v-128z" />
<path fill="url(#q)" d="m162.07 25.6 22.588 192h204.8l22.588-192z" />
<path
fill="url(#r)"
d="M171.858 396.8v-70.4c0-22.355 8.817-42.651 23.163-57.6h38.4c-14.346 14.949-23.163 128-23.163 128z"
/>
<path
fill="url(#s)"
d="M233.421 268.8c-14.346 14.949-23.163 35.245-23.163 57.6v70.4h166.4v-70.4c0-22.355-8.817-42.651-23.163-57.6z"
/>
<path fill="url(#t)" d="M184.658 243.2h38.4l12.8 12.8-12.8 12.8h-38.4z" />
<path fill="url(#u)" d="M223.058 243.2h140.8v25.6h-140.8z" />
<path
fill="url(#v)"
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