Add icons to this collection by clicking the heart icon.
Coffee Bean icon - also known as food, drink, coffee, drinks, seeds, beans, 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f56bf4" />
<stop offset="1" stop-color="#f9a4c1" />
</linearGradient>
<linearGradient
id="b"
x1="-32"
x2="498.296"
y1="116.744"
y2="116.744"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-32"
x2="498.296"
y1="216"
y2="216"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-32"
x2="498.296"
y1="274.928"
y2="274.928"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-32"
x2="498.296"
y1="212.744"
y2="212.744"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-32"
x2="498.296"
y1="312"
y2="312"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-32"
x2="498.296"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-32"
x2="498.296"
y1="96"
y2="96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-32"
x2="498.296"
y1="392"
y2="392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-32"
x2="498.296"
y1="416"
y2="416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M100.672 54.496 96 48l-4.648-6.512C88.93 43.2 32 85.113 32 192h16c0-98.145 52.152-137.129 52.672-137.504zm0 0"
/>
<path fill="url(#c)" d="M32 208h16v16H32zm0 0" />
<path
fill="url(#d)"
d="M208.04 215.2c-7.497 74.898-52.048 105.855-52.505 106.16L160 328l4.441 6.656c2.079-1.39 51.239-35.047 59.52-117.855zm0 0"
/>
<path
fill="url(#e)"
d="m388.648 137.488-9.296 13.024C379.872 150.887 432 189.258 432 288h16c0-106.887-56.93-148.8-59.352-150.512zm0 0"
/>
<path fill="url(#f)" d="M432 304h16v16h-16zm0 0" />
<path
fill="url(#g)"
d="M352 96c-37.93 0-73.457 25.129-97.434 67.305C245.305 71 192.078 0 128 0 57.426 0 0 86.137 0 192s57.426 192 128 192c38.977 0 73.91-26.297 97.406-67.64C234.574 408.8 287.848 480 352 480c70.574 0 128-86.137 128-192S422.574 96 352 96zm-48.383 33.543a198.368 198.368 0 0 0 42.07 91.367c51.618 66.363 44.266 152.953-19.718 238.242a83.97 83.97 0 0 1-13.074-6.25c8.273-13.773 18.234-29.996 29.89-48.664 37.535-60.062 31.473-127.62-16.633-185.36a172.098 172.098 0 0 1-34.879-78.398 112.758 112.758 0 0 1 12.344-10.937zM16 192C16 94.953 66.238 16 128 16a75.217 75.217 0 0 1 33.48 8 177.445 177.445 0 0 1-39.792 91.047c-55.29 71.129-49.336 162.555 15.601 252.297-3.078.422-6.184.64-9.289.656-61.762 0-112-78.953-112-176zm138.031 171.152c-64-85.289-71.336-171.879-19.719-238.242a198.143 198.143 0 0 0 42.102-91.598C214 61.742 240 122.192 240 192c0 82.96-36.727 152.656-85.969 171.152zM240 288c0-1.121 0-2.23.047-3.313a267.206 267.206 0 0 0 15.848-86.609 181.695 181.695 0 0 1 22.402-42.156 182.214 182.214 0 0 0 35.582 73.2c43.41 52.077 49 112.8 15.367 166.64-11.445 18.293-21.262 34.25-29.453 47.879C264.273 414.105 240 355.434 240 288zm112 176a71.069 71.069 0 0 1-9.29-.656c64.938-89.742 70.892-181.168 15.603-252.254a177.537 177.537 0 0 1-39.77-90.844A74.763 74.763 0 0 1 352 112c61.762 0 112 78.953 112 176s-50.238 176-112 176zm0 0"
/>
<path fill="url(#h)" d="M264 88h16v16h-16zm0 0" />
<path fill="url(#i)" d="M192 384h16v16h-16zm0 0" />
<path fill="url(#j)" d="M128 408h16v16h-16zm0 0" />
</svg>
More icons in the same style and category