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="67.088"
y2="-2.335"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="33" x2="33" y1="67.088" y2="-2.335" href="#a" />
<linearGradient id="c" x1="29" x2="29" y1="67.088" y2="-2.335" href="#a" />
<g>
<path
fill="url(#a)"
d="M23 22h2a2.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 27 8h-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 23 22z"
/>
<path
fill="url(#b)"
d="M31 22h2a2.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 35 8h-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 31 22z"
/>
<path
fill="url(#c)"
d="M7 60h44a3.014 3.014 0 0 0 2.83-2H4.17A3.014 3.014 0 0 0 7 60z"
/>
<path
fill="url(#b)"
d="M52 31h-3v-3H9v18a2.006 2.006 0 0 0 2 2h36a2.006 2.006 0 0 0 2-2v-1h3a5 5 0 0 0 5-5v-4a5 5 0 0 0-5-5zm3 9a3.009 3.009 0 0 1-3 3h-3V33h3a3.009 3.009 0 0 1 3 3z"
/>
<path
fill="url(#c)"
d="M39 56a7.013 7.013 0 0 0 6.93-6H12.07A7.013 7.013 0 0 0 19 56z"
/>
</g>
</svg>
More icons in the same style and category