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="25"
x2="25"
y1="65.476"
y2="-.757"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="33" x2="33" y1="65.476" y2="-.757" href="#a" />
<linearGradient id="c" x1="30" x2="30" y1="65.476" y2="-.757" href="#a" />
<linearGradient
id="d"
x1="33.762"
x2="33.762"
y1="65.476"
y2="-.757"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M23 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 27 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 23 16z"
/>
<path
fill="url(#b)"
d="M31 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 35 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 31 16z"
/>
<path
fill="url(#c)"
d="M23 58a10.665 10.665 0 0 1-3-.43V60h20v-2.41a11.376 11.376 0 0 1-3 .41z"
/>
<path
fill="url(#d)"
d="M55.41 28.86A4.955 4.955 0 0 0 51.53 27h-5.51c.02-.37.05-.75.1-1.13a13.158 13.158 0 0 1 .45-2.07A2.541 2.541 0 0 1 49 22v-2H11v2a2.484 2.484 0 0 1 2.39 1.69 12.949 12.949 0 0 1 .61 3.92V47a9.026 9.026 0 0 0 9 9h14a8.975 8.975 0 0 0 8.96-8.11c.02-.28.04-.59.04-.89h1.77a7.045 7.045 0 0 0 6.84-5.53l1.8-8.42a4.936 4.936 0 0 0-1-4.19zm-.95 3.77-1.8 8.42A5.043 5.043 0 0 1 47.77 45H46V29h5.53a3 3 0 0 1 2.93 3.63z"
/>
</g>
</svg>
More icons in the same style and category