Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as drink, coffee, hot drink, restaurant, coffee cup, mug, bubble tea, cafe, tea cup, hot dogs, 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="-1.48"
x2="40.52"
y1="16"
y2="63.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#15b3ff" />
<stop offset="1" stop-color="#e200e9" />
</linearGradient>
<linearGradient
id="b"
x1="11.84"
x2="53.84"
y1="4.22"
y2="51.72"
href="#a"
/>
<linearGradient
id="c"
x1="24.67"
x2="66.67"
y1="-7.13"
y2="40.37"
href="#a"
/>
<linearGradient id="d" x1="14.1" x2="56.1" y1="2.22" y2="49.72" href="#a" />
<path
fill="url(#a)"
d="M54 59H10a1 1 0 0 1-.95-.68l-2-6a1 1 0 0 1 .14-.9A1 1 0 0 1 8 51h48a1 1 0 0 1 .81.42 1 1 0 0 1 .14.9l-2 6A1 1 0 0 1 54 59zm-43.28-2h42.56l1.33-4H9.39z"
/>
<path
fill="url(#b)"
d="M34 53h-4a17 17 0 0 1-17-17V12a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v24a17 17 0 0 1-17 17zM15 13v23a15 15 0 0 0 15 15h4a15 15 0 0 0 15-15V13z"
/>
<path
fill="url(#c)"
d="M53 33h-3a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h3a8 8 0 1 1 0 16zm-2-2h2a6 6 0 0 0 6-6 6 6 0 0 0-6-6h-2z"
/>
<path
fill="url(#d)"
d="M49.11 24.8a9.08 9.08 0 0 1-5.48-1.8 7.29 7.29 0 0 0-7.76-.53l-.43.24a9.21 9.21 0 0 1-8.89 0l-2.14-1.19a7.13 7.13 0 0 0-5.35-.65l-4.8 1.32a1 1 0 0 1-1.26-.75 1 1 0 0 1 .7-1.22l4.8-1.31a9.12 9.12 0 0 1 6.84.82l2.15 1.2a7.19 7.19 0 0 0 6.94 0l.43-.24a9.35 9.35 0 0 1 9.93.68 7.15 7.15 0 0 0 5.06 1.39 1 1 0 1 1 .22 2 8.51 8.51 0 0 1-.96.04z"
/>
</svg>
More icons in the same style and category