Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, cup, coffee, hot, cups, and food and restaurant. Created in a clean lineal 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 64 64"
>
<linearGradient
id="a"
x1="29"
x2="35"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2193b0" />
<stop offset="1" stop-color="#6dd5ed" />
</linearGradient>
<linearGradient id="b" x1="16" x2="53" y1="45" y2="45" href="#a" />
<linearGradient id="c" x1="25" x2="39" y1="41" y2="41" href="#a" />
<linearGradient id="d" x1="27" x2="37" y1="51" y2="51" href="#a" />
<linearGradient id="e" y1="55" y2="55" href="#a" />
<linearGradient id="f" x1="30" x2="33" y1="39.5" y2="39.5" href="#a" />
<linearGradient id="g" x1="31" x2="34" y1="42.5" y2="42.5" href="#a" />
<linearGradient id="h" x1="30" x2="39" y1="21" y2="21" href="#a" />
<linearGradient id="i" x1="27" x2="34" y1="17" y2="17" href="#a" />
<linearGradient id="j" x1="25" x2="37" y1="25" y2="25" href="#a" />
<path fill="url(#a)" d="M34 14h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path
fill="url(#b)"
d="M53 40a8.008 8.008 0 0 0-7-7.931V31a2.966 2.966 0 0 0-.184-1H47a1 1 0 0 0 0-2H17a1 1 0 0 0 0 2h1.184A2.966 2.966 0 0 0 18 31v1a1 1 0 0 0 2 0v-1a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1v22a7.008 7.008 0 0 1-7 7H27a7.008 7.008 0 0 1-7-7V36a1 1 0 0 0-2 0v17a9.01 9.01 0 0 0 9 9h10a9.01 9.01 0 0 0 9-9v-5.069A8.008 8.008 0 0 0 53 40zm-7 5.917V34.083a6 6 0 0 1 0 11.834z"
/>
<path
fill="url(#c)"
d="M32 34a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5z"
/>
<path
fill="url(#d)"
d="M37 51a1 1 0 0 0-1-1h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 1-1z"
/>
<path fill="url(#e)" d="M30 54a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path
fill="url(#f)"
d="m31.707 40.707 1-1a1 1 0 0 0-1.414-1.414l-1 1a1 1 0 1 0 1.414 1.414z"
/>
<path
fill="url(#g)"
d="m32.293 41.293-1 1a1 1 0 1 0 1.414 1.414l1-1a1 1 0 0 0-1.414-1.414z"
/>
<path
fill="url(#h)"
d="M30 21a1 1 0 0 0 1 1h7a1 1 0 0 0 0-2h-7a1 1 0 0 0-1 1z"
/>
<path fill="url(#i)" d="M28 18h5a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2z" />
<path fill="url(#j)" d="M26 26h10a1 1 0 0 0 0-2H26a1 1 0 0 0 0 2z" />
</svg>
More icons in the same style and category