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.762"
x2="36.762"
y1="68.033"
y2="-3.241"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="28" x2="28" y1="68.033" y2="-3.241" href="#a" />
<linearGradient id="c" x1="36" x2="36" y1="68.033" y2="-3.241" href="#a" />
<g>
<path
fill="url(#a)"
d="M57.415 25.862A4.956 4.956 0 0 0 53.53 24H49v-3a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1v23.171a5.789 5.789 0 0 0 1.707 4.122A7.774 7.774 0 0 1 19 53.829V59a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-5.171a7.777 7.777 0 0 1 2.293-5.536A5.791 5.791 0 0 0 49 44.171V44h.77a7.041 7.041 0 0 0 6.842-5.531l1.8-8.418a4.96 4.96 0 0 0-.997-4.189zm-.957 3.769-1.8 8.418A5.033 5.033 0 0 1 49.77 42H49V26h4.53a3 3 0 0 1 2.928 3.631z"
/>
<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.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