Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as hot drink, coffee cup, coffee mug, tea cup, and food and restaurant. Created in a clean flat 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="32"
x2="32"
y1="66.99"
y2="1.314"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="28" x2="28" y1="66.99" y2="1.314" href="#a" />
<linearGradient id="c" x1="36" x2="36" y1="66.99" y2="1.314" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M8.17 58A3.014 3.014 0 0 0 11 60h42a3.014 3.014 0 0 0 2.83-2zM14.54 24h34.92c-.06-1-.14-2.03-.25-3.09a1 1 0 0 0-1-.91H15.79a1 1 0 0 0-1 .91c-.11 1.06-.19 2.09-.25 3.09zM45.5 51.31c.15-.44.28-.88.42-1.31H18.08c.14.43.27.87.42 1.31a1 1 0 0 0 .95.69h25.1a1 1 0 0 0 .95-.69zM21 54h22v2H21zM46.53 48a64.646 64.646 0 0 0 3.04-22H14.43a64.646 64.646 0 0 0 3.04 22z"
/>
</g>
<path
fill="url(#b)"
d="M26 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.245 2.245 0 0 1 0-3.366A4.168 4.168 0 0 0 30 2h-2a2.261 2.261 0 0 1-.759 1.683 4.209 4.209 0 0 0 0 5.969 2.244 2.244 0 0 1 0 3.365A4.164 4.164 0 0 0 26 16z"
/>
<path
fill="url(#c)"
d="M34 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.245 2.245 0 0 1 0-3.366A4.168 4.168 0 0 0 38 2h-2a2.261 2.261 0 0 1-.759 1.683 4.209 4.209 0 0 0 0 5.969 2.244 2.244 0 0 1 0 3.365A4.164 4.164 0 0 0 34 16z"
/>
</g>
</svg>
More icons in the same style and category