Add icons to this collection by clicking the heart icon.
Coffee Bag icon - also known as seed, coffee shop, beans, coffee beans, coffee bag, 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="b"
cx="78.916"
cy="195.353"
r="346.196"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7f3" />
<stop offset=".535" stop-color="#f3c6bd" />
<stop offset=".871" stop-color="#eaa998" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dd7f66" />
<stop offset=".512" stop-color="#d6694b" />
<stop offset=".669" stop-color="#c16552" />
<stop offset=".976" stop-color="#9b5e5e" />
</linearGradient>
<radialGradient
id="c"
cx="496.059"
cy="75.306"
r="398.647"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="496.059"
cy="103.99"
r="383.154"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="496.059"
cy="92.435"
r="382.755"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaa998" />
<stop offset=".518" stop-color="#e49280" />
<stop offset=".641" stop-color="#e08671" />
<stop offset=".976" stop-color="#d6694b" />
</radialGradient>
<radialGradient
id="f"
cx="330.882"
cy="39.071"
r="220.914"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4573a" />
<stop offset=".512" stop-color="#8c3d27" />
<stop offset=".976" stop-color="#72443b" />
</radialGradient>
<radialGradient
id="g"
cx="398.977"
cy="241.711"
r="270.075"
gradientTransform="matrix(1.143 0 0 1.059 -43.886 -14.306)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#017297" />
<stop offset=".512" stop-color="#024c67" />
<stop offset=".976" stop-color="#00366d" />
</radialGradient>
<radialGradient
id="h"
cx="397.377"
cy="247.4"
r="270.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".514" stop-color="#bad6e5" />
<stop offset=".606" stop-color="#b0d0e2" />
<stop offset=".976" stop-color="#8abbd5" />
</radialGradient>
<radialGradient
id="i"
cx="391.513"
cy="2782.16"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -111.186 172.841)"
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(#b)"
d="M166.4 102.4 140.8 0 128 102.4 102.4 192v294.4h76.8L192 192z"
/>
<path fill="url(#c)" d="M179.2 486.4h230.4V192l-128-12.8L179.2 192z" />
<path fill="url(#d)" d="M371.2 0H140.8l12.8 102.4 89.6 12.8L384 102.4z" />
<path fill="url(#e)" d="m153.6 102.4 25.6 89.6h230.4L384 102.4z" />
<path
fill="url(#f)"
d="M169.799 25.6H348.6l1.6 12.8H171.399zM353.4 64l-1.6-12.8H172.999l1.6 12.8z"
/>
<path
fill="url(#g)"
d="M379.718 460.8H209.082c-9.434 0-17.082-7.648-17.082-17.082V247.482c0-9.434 7.648-17.082 17.082-17.082h170.635c9.434 0 17.082 7.648 17.082 17.082v196.235c.001 9.435-7.647 17.083-17.081 17.083z"
/>
<path
fill="url(#h)"
d="M294.4 256c-38.818 0-70.4 40.194-70.4 89.6 0 49.405 31.582 89.6 70.4 89.6s70.4-40.194 70.4-89.6c0-49.405-31.582-89.6-70.4-89.6zm-57.6 89.6c0-42.348 25.839-76.8 57.6-76.8 9.011 0 17.542 2.779 25.145 7.719l-17.307 64.59-12.364-3.313c-6.828-1.83-13.847 2.223-15.677 9.051l-15.732 58.711C245.273 391.472 236.8 369.836 236.8 345.6zm57.6 76.8c-9.005 0-17.531-2.775-25.13-7.708l17.292-64.532 12.364 3.313c6.828 1.83 13.847-2.223 15.677-9.051l15.746-58.765C343.533 299.743 352 321.372 352 345.6c0 42.348-25.839 76.8-57.6 76.8z"
/>
<path
fill="url(#i)"
d="M256 512c113.107 0 204.798-11.351 204.798-25.353H51.202C51.202 500.649 142.893 512 256 512z"
/>
</svg>
More icons in the same style and category