Add icons to this collection by clicking the heart icon.
Coffee Bean icon - also known as food, drink, coffee, snack, seeds, coffee bean, 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"
>
<radialGradient
id="a"
cx="134.741"
cy="379.8"
r="193.119"
gradientTransform="matrix(1 0 0 .643 0 135.748)"
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="b"
cx="79.965"
cy="97.518"
r="318.013"
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="c"
cx="494.177"
cy="139.871"
r="428.281"
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="d"
cx="494.177"
cy="139.871"
r="428.281"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#855151" />
<stop offset=".512" stop-color="#704444" />
<stop offset=".976" stop-color="#593636" />
</radialGradient>
<radialGradient
id="e"
cx="431.158"
cy="2722.087"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 176.388)"
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(#a)"
d="M230.535 396.8 68.259 409.6c37.361 47.265 90.443 76.8 149.341 76.8h76.8c-28.441 0-49.727-43.56-63.865-89.6z"
/>
<path
fill="url(#b)"
d="M294.4 0h-76.8C104.492 0 12.8 108.884 12.8 243.2c0 64.375 21.072 122.897 55.459 166.4h162.276C188.447 272.539 209.733 0 294.4 0z"
/>
<path
fill="url(#c)"
d="M499.2 243.2c0 134.316-91.692 243.2-204.8 243.2-25.537 0-49.982-5.55-72.527-15.69-9.02-4.057-11.855-17.468-20.214-22.933-6.141-4.015-17.971.228-23.707-4.489C124.567 399.392 89.6 326.145 89.6 243.2 89.6 108.884 181.292 0 294.4 0c27.265 0 53.285 6.327 77.077 17.812 8.054 3.888 11.147 22.587 18.652 27.612s19.421-3.626 26.301 2.444C466.657 92.189 499.2 163.181 499.2 243.2z"
/>
<path
fill="url(#d)"
d="m371.47 17.827-51.454 192.03c-3.659 13.657-17.697 21.761-31.353 18.102-27.313-7.319-55.388 8.89-62.707 36.204l-47.993 179.112c13.993 11.506 29.246 21.002 45.471 28.12l45.351-169.252c3.659-13.657 17.697-21.761 31.353-18.102 27.313 7.319 55.388-8.89 62.707-36.204l53.58-199.963c-13.759-12.142-28.848-22.271-44.955-30.047z"
/>
<path
fill="url(#e)"
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