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 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="33"
x2="33"
y1="62"
y2="-4.216"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="28" x2="28" y1="62.043" y2="-4.173" href="#a" />
<linearGradient id="c" x1="36" x2="36" y1="62.043" y2="-4.173" href="#a" />
<g>
<path
fill="url(#a)"
d="M54 25h-3.63l.28-2.58A4 4 0 0 0 46.67 18H17.33a4 4 0 0 0-3.98 4.42l3.47 32.89a2.668 2.668 0 0 0 .16.69H8a2.006 2.006 0 0 0-2 2v2a2.006 2.006 0 0 0 2 2h48a2.006 2.006 0 0 0 2-2v-2a2.006 2.006 0 0 0-2-2h-8.98a2.668 2.668 0 0 0 .16-.69l.67-6.31H54a6 6 0 0 0 6-6V31a6 6 0 0 0-6-6zm-4.26 6H53a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4.52zM56 58v2H8v-2zm-10.81-2.9a.99.99 0 0 1-.99.9H19.8a.99.99 0 0 1-.99-.9l-3.47-32.89a1.972 1.972 0 0 1 .51-1.55 1.95 1.95 0 0 1 1.48-.66h29.34a1.95 1.95 0 0 1 1.48.66 1.972 1.972 0 0 1 .51 1.55zM58 43a4 4 0 0 1-4 4h-5.94l.21-2H53a3.009 3.009 0 0 0 3-3V32a3.009 3.009 0 0 0-3-3h-3.05l.21-2H54a4 4 0 0 1 4 4z"
/>
<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