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 flat 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="b"
x1="89.757"
x2="454.243"
y1="498.728"
y2="134.243"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5dd" />
<stop offset="1" stop-color="#fffaee" />
</linearGradient>
<linearGradient
id="c"
x1="278.243"
x2="518.243"
y1="438.243"
y2="198.243"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd676" />
<stop offset="1" stop-color="#ffeabb" />
</linearGradient>
<linearGradient
id="d"
x1="71.515"
x2="380"
y1="480.485"
y2="172"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeabb" />
<stop offset="1" stop-color="#fff5dd" />
</linearGradient>
<linearGradient
id="e"
x1="189.757"
x2="354.243"
y1="125.757"
y2="-38.728"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2584e" />
<stop offset="1" stop-color="#f57a71" />
</linearGradient>
<linearGradient
id="f"
x1="240"
x2="304"
y1="72"
y2="8"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#802f46" />
<stop offset="1" stop-color="#99596b" />
</linearGradient>
<linearGradient
id="a"
x1="190.094"
x2="309.819"
y1="389.509"
y2="269.784"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f28129" />
<stop offset="1" stop-color="#f7b47f" />
</linearGradient>
<linearGradient
id="g"
x1="138.182"
x2="257.907"
y1="386.217"
y2="266.492"
href="#a"
/>
<g>
<path
fill="url(#b)"
d="M400 80H144l-48 64v356a12 12 0 0 0 12 12h328a12 12 0 0 0 12-12V144z"
/>
<path
fill="url(#c)"
d="M436 512h-84V144l48-64 48 64v356a12 12 0 0 1-12 12z"
/>
<path fill="url(#d)" d="M96 144h256v368H108a12 12 0 0 1-12-12V144z" />
<path
fill="url(#e)"
d="M156 0h232a12 12 0 0 1 12 12v68H144V12a12 12 0 0 1 12-12z"
/>
<path fill="url(#f)" d="M248 0h48v80h-48z" />
<path
fill="url(#a)"
d="M291.139 253.7c-11.25-17.767-27.828-28.567-49.409-32.257-15.73 16.892-36.63 51.728-7.44 100.383 27.716 46.194 18.694 83.1 6.245 105.92-1.46 2.676-3 5.211-4.584 7.619 24.419-2.657 42.953-13.741 55.188-33.063C302.484 384.383 308 360.079 308 328s-5.516-56.383-16.861-74.3z"
/>
<path
fill="url(#g)"
d="M213.71 334.174c-27.716-46.194-18.694-83.1-6.245-105.92 1.46-2.676 3-5.211 4.584-7.619-24.419 2.657-42.953 13.741-55.188 33.063C145.516 271.617 140 295.921 140 328s5.516 56.383 16.861 74.3c11.251 17.768 27.831 28.568 49.413 32.258 15.715-16.881 36.634-51.721 7.436-100.384z"
/>
</g>
</svg>
More icons in the same style and category