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="28"
x2="28"
y1="69.34"
y2="-9.575"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="33.653"
x2="33.653"
y1="69.34"
y2="-9.575"
href="#a"
/>
<linearGradient id="c" x1="24" x2="24" y1="69.34" y2="-9.575" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="69.34" y2="-9.575" href="#a" />
<g>
<path
fill="url(#a)"
d="M7 60h42a3.014 3.014 0 0 0 2.83-2H4.17A3.014 3.014 0 0 0 7 60zM45.21 20.88a1.006 1.006 0 0 0-1-.88H11.79a1.006 1.006 0 0 0-1 .88q-.15 1.56-.24 3.12h34.9q-.09-1.56-.24-3.12z"
/>
<path
fill="url(#b)"
d="M56.88 33.15a7.987 7.987 0 0 0-2.81-5.57 8.482 8.482 0 0 0-8.514-1.2c0-.126 0-.252-.006-.378h-35.1a86.128 86.128 0 0 0 4.27 30h26.56a91.129 91.129 0 0 0 2.575-9.832c3.447.507 7.308-1.128 10.035-4.378a12.038 12.038 0 0 0 2.99-8.642zm-4.51 7.35a9.871 9.871 0 0 1-7.27 3.75 6.164 6.164 0 0 1-.854-.062 84.1 84.1 0 0 0 1.345-15.694 6.745 6.745 0 0 1 7.189.606c2.96 2.48 2.77 7.6-.41 11.4z"
/>
<path
fill="url(#c)"
d="M22 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.244 2.244 0 0 1 0-3.366A4.171 4.171 0 0 0 26 2h-2a2.259 2.259 0 0 1-.76 1.683 4.212 4.212 0 0 0 0 5.969 2.243 2.243 0 0 1 0 3.365A4.164 4.164 0 0 0 22 16z"
/>
<path
fill="url(#d)"
d="M30 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.244 2.244 0 0 1 0-3.366A4.171 4.171 0 0 0 34 2h-2a2.259 2.259 0 0 1-.76 1.683 4.212 4.212 0 0 0 0 5.969 2.243 2.243 0 0 1 0 3.365A4.164 4.164 0 0 0 30 16z"
/>
</g>
</svg>
More icons in the same style and category