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="36.084"
x2="36.084"
y1="66.726"
y2="-6.9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="28" x2="28" y1="66.726" y2="-6.9" href="#a" />
<linearGradient id="c" x1="36" x2="36" y1="66.726" y2="-6.9" href="#a" />
<g>
<path
fill="url(#a)"
d="M54 26.276a8.149 8.149 0 0 0-5.79-1.806l.476-3.329A1 1 0 0 0 47.694 20H16.306a1 1 0 0 0-.99 1.142l5.429 38a1 1 0 0 0 .989.859h20.532a1 1 0 0 0 .989-.858l1.452-10.166a17.749 17.749 0 0 0 7.957-5.549 17.1 17.1 0 0 0 4.172-9.633A8.731 8.731 0 0 0 54 26.276zm-2.874 15.868a16.081 16.081 0 0 1-6.1 4.587l2.889-20.22a6.324 6.324 0 0 1 4.8 1.292c3.436 2.897 2.739 9.192-1.589 14.341z"
/>
<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.244 2.244 0 0 1 0-3.366A4.171 4.171 0 0 0 30 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 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.244 2.244 0 0 1 0-3.366A4.171 4.171 0 0 0 38 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 34 16z"
/>
</g>
</svg>
More icons in the same style and category