Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, coffee, tea, hot drink, mug, food and restaurant, and hot chocolate. Created in a clean flat gradient style with a white finish, 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="3.25"
x2="60.75"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5bb4f6" />
<stop offset=".61" stop-color="#2191e5" />
<stop offset="1" stop-color="#007edb" />
</linearGradient>
<g>
<circle cx="32" cy="32" r="28.75" fill="url(#a)" />
<g fill="#fff">
<path
d="M49.84 27.38h-3.9V24a.76.76 0 0 0-.75-.75h-29a.75.75 0 0 0-.75.75v24a2.75 2.75 0 0 0 2.75 2.75h25A2.75 2.75 0 0 0 45.94 48v-5.71h3.9a2.75 2.75 0 0 0 2.75-2.75v-9.41a2.75 2.75 0 0 0-2.75-2.75zM44.44 48a1.25 1.25 0 0 1-1.25 1.25h-25A1.25 1.25 0 0 1 16.91 48V24.7h27.53zm6.65-8.46a1.25 1.25 0 0 1-1.25 1.25h-3.9V28.88h3.9a1.25 1.25 0 0 1 1.25 1.25zM21.77 18.5a.76.76 0 0 0 .75-.75v-7a.75.75 0 0 0-1.5 0v7a.76.76 0 0 0 .75.75zM30.61 19.27a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-1.5 0v8.52a.74.74 0 0 0 .75.75zM39.44 18.5a.75.75 0 0 0 .75-.75v-7a.75.75 0 1 0-1.5 0v7a.76.76 0 0 0 .75.75z"
/>
</g>
</g>
</svg>
More icons in the same style and category