Add icons to this collection by clicking the heart icon.
Coffee Grinder icon - also known as coffee, hot drink, shop, cafe, coffee grinder, 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=".518" stop-color="#6cabca" />
<stop offset=".793" stop-color="#2c91b9" />
<stop offset=".976" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="e"
cx="146.577"
cy="485.682"
r="15.077"
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="f"
cx="165.212"
cy="484.977"
r="19.08"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="213.647"
cy="488.541"
r="15.077"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="229.212"
cy="484.977"
r="19.08"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="i"
cx="248.977"
cy="485.682"
r="15.077"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="267.612"
cy="484.977"
r="19.08"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="312.977"
cy="485.682"
r="15.077"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="331.612"
cy="484.977"
r="19.08"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="158.227"
cy="14.501"
r="160.858"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</radialGradient>
<radialGradient
id="n"
cx="342.315"
cy="55.067"
r="352.185"
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="o"
cx="158.106"
cy="26.718"
r="135.186"
gradientUnits="userSpaceOnUse"
>
<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" />
</radialGradient>
<radialGradient
id="p"
cx="342.315"
cy="47.682"
r="189.873"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ae6c6c" />
<stop offset=".512" stop-color="#9b5e5e" />
<stop offset=".564" stop-color="#965b5b" />
<stop offset=".976" stop-color="#704444" />
</radialGradient>
<radialGradient
id="q"
cx="180.535"
cy="-6.718"
r="64.846"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="r"
cx="363.762"
cy="6.4"
r="135.348"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="s"
cx="184.577"
cy="153.794"
r="75.774"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="t"
cx="335.353"
cy="155.912"
r="141.296"
gradientTransform="matrix(-1 0 0 -.336 670.706 208.271)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".514" stop-color="#bad6e5" />
<stop offset=".606" stop-color="#b0d0e2" />
<stop offset=".976" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="u"
cx="143.004"
cy="218.792"
r="372.91"
gradientTransform="matrix(.857 0 0 1 32.914 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="v"
cx="449.071"
cy="187.379"
r="329.443"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="w"
cx="280.012"
cy="266.929"
r="32.589"
gradientTransform="matrix(1 0 0 .524 0 127.01)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="x"
cx="266.035"
cy="232.2"
r="43.868"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="y"
cx="358.087"
cy="307.349"
r="237.518"
gradientTransform="matrix(1 0 0 .786 0 77.562)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="z"
cx="227.393"
cy="318.661"
r="245.592"
gradientTransform="matrix(1 0 0 .786 0 77.562)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="A"
cx="135.753"
cy="455.607"
r="98.917"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="B"
cx="332.656"
cy="441.988"
r="152.369"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#3692bc" />
<stop offset=".512" stop-color="#0681af" />
<stop offset=".573" stop-color="#057bad" />
<stop offset=".976" stop-color="#0055a3" />
</linearGradient>
<radialGradient
id="C"
cx="317.894"
cy="245.471"
r="59.981"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="D"
cx="299.003"
cy="234.909"
r="14.995"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="E"
cx="372.671"
cy="277.094"
r="100.638"
gradientTransform="matrix(-.5 0 0 1 416 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="F"
cx="343.049"
cy="277.094"
r="107.511"
gradientTransform="matrix(.75 0 0 1 80 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="G"
cx="351.868"
cy="513.981"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -74.264 428.046)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b4d2e2" />
<stop offset=".512" stop-color="#d8e8f0" />
<stop offset=".525" stop-color="#d9e9f0" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path fill="url(#e)" d="M153.6 486.4h-12.8v-12.8l25.6-12.8z" />
<path fill="url(#f)" d="M153.6 486.4h12.8v-25.6l-12.8 12.8z" />
<path fill="url(#g)" d="M217.6 486.4h-12.8v-12.8l25.6-12.8z" />
<path fill="url(#h)" d="M217.6 486.4h12.8v-25.6l-12.8 12.8z" />
<path fill="url(#i)" d="M256 486.4h-12.8v-12.8l25.6-12.8z" />
<path fill="url(#j)" d="M256 486.4h12.8v-25.6L256 473.6z" />
<path fill="url(#k)" d="M320 486.4h-12.8v-12.8l25.6-12.8z" />
<path fill="url(#l)" d="M320 486.4h12.8v-25.6L320 473.6z" />
<path
fill="url(#m)"
d="M153.6 12.8v65.462c4.983 1.542 12.782 16.198 17.469 13.681l.003-.002a19.665 19.665 0 0 1 18.614.001 19.667 19.667 0 0 0 18.615 0l.002-.001a19.667 19.667 0 0 1 18.614 0l.003.002a19.666 19.666 0 0 0 16.28 1.063L230.4 12.8z"
/>
<path
fill="url(#n)"
d="M230.4 12.8v66.032c4.311.775 21.637 38.497 25.6 36.368 0 0 71.816-41.407 76.8-39.862V12.8z"
/>
<path
fill="url(#o)"
d="m224.573 76.801-.003-.002a19.667 19.667 0 0 0-18.614 0l-.002.001a19.67 19.67 0 0 1-18.615 0 19.667 19.667 0 0 0-18.614-.001l-.003.002a19.672 19.672 0 0 1-15.122 1.462V153.6h76.8l12.8-64-2.347-11.736a19.666 19.666 0 0 1-16.28-1.063z"
/>
<path
fill="url(#p)"
d="m317.672 76.796-.015.008a19.669 19.669 0 0 1-18.609 0l-.011-.006a19.665 19.665 0 0 0-18.61 0l-.008.004a19.668 19.668 0 0 1-18.613-.001h-.001a19.667 19.667 0 0 0-18.614-.001l-.005.003a19.66 19.66 0 0 1-12.785 2.03V153.6h102.4V75.338a19.67 19.67 0 0 0-15.129 1.458z"
/>
<path fill="url(#q)" d="M140.8 12.8h89.6V0h-89.6z" />
<path fill="url(#r)" d="M217.6 0h128v12.8h-128z" />
<path fill="url(#s)" d="M217.6 179.2h-51.2l-12.8-25.6h76.8v25.6z" />
<path fill="url(#t)" d="M320 179.2H217.6l12.8-25.6h102.4z" />
<path fill="url(#u)" d="M217.6 448h-76.8l12.8-268.8h64z" />
<path fill="url(#v)" d="M332.8 448 217.6 307.2v-128h115.2z" />
<path
fill="url(#w)"
d="M281.6 281.6h12.8c-4.614 0-7.722-18.253-9.325-25.6l-25.65 12.8c4.427 7.652 12.699 12.8 22.175 12.8z"
/>
<path
fill="url(#x)"
d="M294.4 230.4h-12.8c-14.138 0-25.6 11.462-25.6 25.6 0 4.663 1.247 9.034 3.425 12.8h25.65c-3.308-15.165-.199-38.4 9.325-38.4z"
/>
<path fill="url(#y)" d="M268.8 307.2h89.6V448h-89.6z" />
<path fill="url(#z)" d="M217.6 307.2h51.2V448h-51.2z" />
<path fill="url(#A)" d="M140.8 448h76.8v25.6h-76.8z" />
<path fill="url(#B)" d="M217.6 448h115.2v25.6H217.6z" />
<circle cx="294.4" cy="256" r="25.6" fill="url(#C)" />
<circle cx="294.4" cy="236.8" r="6.4" fill="url(#D)" />
<path fill="url(#E)" d="M217.6 307.2h51.2v-12.8h-51.2z" />
<path fill="url(#F)" d="M268.8 294.4h89.6v12.8h-89.6z" />
<path
fill="url(#G)"
d="M256 512c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category