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="29"
x2="29"
y1="65.781"
y2="-1.473"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="33.193"
x2="33.193"
y1="65.781"
y2="-1.473"
href="#a"
/>
<linearGradient id="c" x1="25" x2="25" y1="65.781" y2="-1.473" href="#a" />
<linearGradient id="d" x1="33" x2="33" y1="65.781" y2="-1.473" href="#a" />
<g>
<path
fill="url(#a)"
d="M6.17 58A3.014 3.014 0 0 0 9 60h40a3.014 3.014 0 0 0 2.83-2z"
/>
<path
fill="url(#b)"
d="M54.25 29.85a5.933 5.933 0 0 0-5.1-2.85h-2.822l.432-3.89a1.012 1.012 0 0 0-.25-.78 1 1 0 0 0-.74-.33H12.23a1 1 0 0 0-.74.33 1.012 1.012 0 0 0-.25.78l2.86 25.77A8 8 0 0 0 22.06 56h13.88a8 8 0 0 0 7.96-7.12l.431-3.88h1.2a6.95 6.95 0 0 0 6.26-3.87l2.73-5.45a5.969 5.969 0 0 0-.271-5.83zm-1.53 4.94L50 40.24A5.038 5.038 0 0 1 45.53 43h-.977l1.553-14h3.044a4 4 0 0 1 3.57 5.79z"
/>
<path
fill="url(#c)"
d="M23 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 27 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 23 16z"
/>
<path
fill="url(#d)"
d="M31 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 35 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 31 16z"
/>
</g>
</svg>
More icons in the same style and category