Add icons to this collection by clicking the heart icon.
Coffee Maker icon - also known as coffee, coffee shop, coffee cup, coffee mug, coffee maker, coffee machine, manual, coffee grinder, and food and restaurant. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff9811" />
<stop offset="1" stop-color="#ffb655" />
</linearGradient>
<linearGradient
id="e"
x1="47"
x2="47"
y1="59"
y2="14"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".016" stop-color="#ff5023" />
<stop offset="1" stop-color="#ff7956" />
</linearGradient>
<linearGradient
id="f"
x1="47"
x2="47"
y1="50"
y2="21"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="g"
x1="47"
x2="47"
y1="50"
y2="39"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#a71159" />
<stop offset="1" stop-color="#c61469" />
</linearGradient>
<linearGradient
id="h"
x1="47"
x2="47"
y1="59"
y2="50"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="i"
x1="47"
x2="47"
y1="47"
y2="43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="47"
x2="47"
y1="29"
y2="27"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="47"
x2="47"
y1="36"
y2="32"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="14"
x2="14"
y1="59"
y2="35"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="18"
x2="18"
y1="52"
y2="42"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="17.999"
x2="17.999"
y1="52"
y2="42"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="37"
x2="37"
y1="20"
y2="11"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="23"
x2="23"
y1="11"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="M61 50V28c0-3.099-4.856-6.058-11-6.809V17c0-1.654-1.346-3-3-3s-3 1.346-3 3v4.191c-6.145.751-11 3.71-11 6.809v22c-1.654 0-3 1.346-3 3v5a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-5c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#f)"
d="M61 28c0-3.664-6.673-7-14-7s-14 3.336-14 7v22h28z"
/>
<path fill="url(#g)" d="M56 50V40a1 1 0 0 0-1-1H39a1 1 0 0 0-1 1v10z" />
<path
fill="url(#h)"
d="M61 50H33c-1.654 0-3 1.346-3 3v5a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-5c0-1.654-1.346-3-3-3z"
/>
<circle cx="47" cy="45" r="2" fill="url(#i)" />
<path fill="url(#j)" d="M56 29H38a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z" />
<circle cx="47" cy="34" r="2" fill="url(#k)" />
<path
fill="url(#l)"
d="M25 35H11c-1.654 0-3 1.346-3 3v.185A2.947 2.947 0 0 0 7 38H3c-1.654 0-3 1.346-3 3v12c0 1.654 1.346 3 3 3h4c.352 0 .685-.072 1-.185V56c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V38c0-1.654-1.346-3-3-3zM7 54H3a1 1 0 0 1-1-1V41a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1z"
/>
<circle cx="18" cy="47" r="5" fill="url(#m)" />
<path
fill="url(#n)"
d="M17.999 52a1 1 0 0 1-.893-1.447c.82-1.64.429-2.517-.065-3.626-.511-1.145-1.146-2.57.128-4.481a1 1 0 1 1 1.664 1.11c-.663.994-.43 1.517.034 2.558.536 1.202 1.27 2.85.028 5.335a1.003 1.003 0 0 1-.896.551z"
/>
<path
fill="url(#o)"
d="M51 18h-9.279l-1.773-5.316A.998.998 0 0 0 39 12H24v-1h-2v2a1 1 0 0 0 1 1h15.279l1.773 5.316A.997.997 0 0 0 41 20h10a1 1 0 1 0 0-2z"
/>
<path
fill="url(#p)"
d="M25 5h-4c-1.654 0-3 1.346-3 3s1.346 3 3 3h4c1.654 0 3-1.346 3-3s-1.346-3-3-3z"
/>
</svg>
More icons in the same style and category