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.5"
x2="32.5"
y1="68.423"
y2="-.774"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="68.423" y2="-.774" href="#a" />
<linearGradient id="c" x1="28" x2="28" y1="68.423" y2="-.774" href="#a" />
<linearGradient id="d" x1="36" x2="36" y1="68.423" y2="-.774" href="#a" />
<g>
<path
fill="url(#a)"
d="M60 56H5v1a3.009 3.009 0 0 0 3 3h49a3.009 3.009 0 0 0 3-3z"
/>
<path
fill="url(#b)"
d="M59.89 22.33a.985.985 0 0 0-.74-.33H4.85a.985.985 0 0 0-.74.33 1 1 0 0 0-.26.79C5.49 38.48 9.59 48.58 16.38 54h31.24c6.79-5.42 10.89-15.52 12.53-30.88a1 1 0 0 0-.26-.79z"
/>
<path
fill="url(#c)"
d="M26 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.967 2.246 2.246 0 0 1 0-3.368A4.167 4.167 0 0 0 30 2h-2a2.264 2.264 0 0 1-.76 1.684 4.21 4.21 0 0 0 0 5.968 2.243 2.243 0 0 1 0 3.365A4.162 4.162 0 0 0 26 16z"
/>
<path
fill="url(#d)"
d="M34 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.967 2.246 2.246 0 0 1 0-3.368A4.167 4.167 0 0 0 38 2h-2a2.264 2.264 0 0 1-.76 1.684 4.21 4.21 0 0 0 0 5.968 2.243 2.243 0 0 1 0 3.365A4.162 4.162 0 0 0 34 16z"
/>
</g>
</svg>
More icons in the same style and category