Add icons to this collection by clicking the heart icon.
Coffee Bean icon - also known as coffee shop, coffee beans, coffee bag, coffee bean, food and restaurant, coffee seed, and coffee pack. Created in a clean lineal color 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"
x1="288"
x2="512"
y1="432"
y2="208"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd676" />
<stop offset="1" stop-color="#ffeabb" />
</linearGradient>
<linearGradient
id="b"
x1="76"
x2="372"
y1="476"
y2="180"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeabb" />
<stop offset="1" stop-color="#fff5dd" />
</linearGradient>
<linearGradient
id="c"
x1="156"
x2="340"
y1="220"
y2="36"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5dd" />
<stop offset="1" stop-color="#fffaee" />
</linearGradient>
<linearGradient
id="d"
x1="188"
x2="356"
y1="140"
y2="-28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2584e" />
<stop offset="1" stop-color="#f57a71" />
</linearGradient>
<linearGradient
id="e"
x1="240"
x2="304"
y1="88"
y2="24"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#802f46" />
<stop offset="1" stop-color="#99596b" />
</linearGradient>
<linearGradient
id="f"
x1="160.483"
x2="287.517"
y1="391.517"
y2="264.483"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f28129" />
<stop offset="1" stop-color="#f7b47f" />
</linearGradient>
<g>
<g>
<path fill="url(#a)" d="M448 496h-96V160l48-64 48 64z" />
<path fill="url(#b)" d="M96 160h256v336H96z" />
<path fill="url(#c)" d="M352 160H96l48-64h256z" />
<path fill="url(#d)" d="M144 16h256v80H144z" />
<path fill="url(#e)" d="M248 16h48v80h-48z" />
<ellipse cx="224" cy="328" fill="url(#f)" rx="72" ry="96" />
<path
d="M457.6 152.8 412 92V16a12 12 0 0 0-12-12H144a12 12 0 0 0-12 12v76l-45.6 60.8A12.126 12.126 0 0 0 84 160v336a12 12 0 0 0 12 12h352a12 12 0 0 0 12-12V160a12 12 0 0 0-2.4-7.2zM388 84h-80V28h80zM284 28v56h-24V28zm-128 0h80v56h-80zm-6 80h226l-30 40H120zm-42 64h232v312H108zm328 312h-72V164l36-48 36 48z"
/>
<path
d="M224 220q-2.871 0-5.649.135c-.076 0-.152.008-.227.014-27.44 1.388-48.033 12.655-61.263 33.549C145.516 271.617 140 295.921 140 328s5.516 56.383 16.861 74.3C171.02 424.662 193.608 436 224 436c1.666 0 3.3-.04 4.923-.108h.027c27.9-1.18 48.811-12.461 62.189-33.589C302.484 384.383 308 360.079 308 328s-5.516-56.383-16.861-74.3C276.98 231.338 254.392 220 224 220zm-46.861 169.463C168.42 375.694 164 355.015 164 328s4.42-47.694 13.139-61.463a44.992 44.992 0 0 1 22.084-18.374c-6.5 22.33-6.165 51.6 14.487 86.012 16.582 27.63 19.228 53.759 7.929 77.774-20.664-.52-35.249-7.876-44.5-22.486zm93.722 0a44.992 44.992 0 0 1-22.084 18.374c6.5-22.33 6.165-51.6-14.487-86.012-16.582-27.63-19.228-53.759-7.929-77.774 20.664.52 35.249 7.876 44.5 22.486C279.58 280.306 284 300.985 284 328s-4.42 47.694-13.139 61.463z"
/>
</g>
</g>
</svg>
More icons in the same style and category