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="30.461"
x2="30.461"
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="21" x2="21" y1="65.781" y2="-1.473" href="#a" />
<linearGradient id="c" x1="29" x2="29" y1="65.781" y2="-1.473" href="#a" />
<g>
<path
fill="url(#a)"
d="M56.884 33.15a7.992 7.992 0 0 0-2.816-5.573A8.366 8.366 0 0 0 46 26.216V22H4v17a20.985 20.985 0 0 0 40.7 7.217 11.551 11.551 0 0 0 9.2-4.429 12.059 12.059 0 0 0 2.984-8.638zm-4.518 7.35a9.948 9.948 0 0 1-7.05 3.719A20.874 20.874 0 0 0 46 39V28.351a6.691 6.691 0 0 1 6.782.753c2.959 2.481 2.773 7.596-.416 11.396z"
/>
<path
fill="url(#b)"
d="M19 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 23 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 19 16z"
/>
<path
fill="url(#c)"
d="M27 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 31 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 27 16z"
/>
</g>
</svg>
More icons in the same style and category