Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as food, reading, cup, drink, hot, take away, books, coffee shop, coffee cup, mug, coffee mug, cafe, coffee break, and food and restaurant. Created in a clean flat style with a white, silver, red, yellow, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-59.19h-28V0c0 2.109 1.7 3.81 3.81 3.81h20.38C-1.7 3.81 0 2.109 0 0"
transform="translate(269.5 500.69)"
fill="#ffd400"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14c-2.11 0-3.81-1.7-3.81-3.811V-63h14v59.189C-3.81-1.7-2.11 0 0 0"
transform="translate(259.31 504.5)"
fill="#f8b200"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c35.9 0 65-29.1 65-65 0-17.95-7.28-34.2-19.04-45.96C34.2-122.72 17.95-130 0-130h-205.53c-6.34 0-11.47 5.13-11.47 11.47v107.06c0 6.33 5.12 11.46 11.45 11.47z"
transform="translate(332.5 137.5)"
fill="#f30051"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-152c-35.899 0-65 29.102-65 65h-37.351c-6.33-.01-11.45-5.141-11.45-11.47V-53.529c0-6.335 5.135-11.471 11.47-11.471h205.53c17.95 0 34.2 7.28 45.96 19.04C8.919-34.2 16.199-17.95 16.199 0c0 .68-.03 1.352-.051 2.025A65.115 65.115 0 0 0 0 0"
transform="translate(381.3 72.5)"
fill="#e10055"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c22.06 0 40-17.94 40-40S22.06-80 0-80h-217V0Z"
transform="translate(332.5 112.5)"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-143.2c-27.038 0-50.214 16.512-60.01 40H-257v-80h217C-17.94-40 0-22.061 0 0"
transform="translate(372.5 72.5)"
fill="#f8d0a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-45v-15H0a7.5 7.5 0 0 1 7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(160.5 94)"
fill="#eebd81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-147a7.5 7.5 0 0 0-7.5 7.5A7.5 7.5 0 0 0-147 15H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(328.5 79)"
fill="#eebd81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-103v-15H0a7.5 7.5 0 0 1 7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(218.5 67)"
fill="#eebd81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-89a7.5 7.5 0 0 0-7.5 7.5A7.5 7.5 0 0 0-89 15H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(328.5 52)"
fill="#eebd81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.86-25 5.57-50.56-.18-76.6-1.52-6.92-7.62-11.87-14.71-11.87h-258.82c-6.94 0-13 4.75-14.63 11.5-6.39 26.43-6.24 52.08-.09 77 1.66 6.741 7.68 11.5 14.63 11.5h259.16C-7.68 11.53-1.59 6.771 0 0"
transform="translate(400.66 225.97)"
fill="#01eed0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-205.55c-6.94 0-13 4.75-14.63 11.5-3.752 15.516-5.232 30.762-4.584 45.75h-32.956c-6.95 0-12.97-4.76-14.63-11.5-6.15-24.92-6.3-50.57.09-77 1.63-6.75 7.69-11.5 14.63-11.5H1.19c7.09 0 13.19 4.95 14.71 11.87C18.19-20.508 19.599-10.215 20.113 0z"
transform="translate(384.58 180.25)"
fill="#00dcb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M176.5 137.5h50v100h-50z"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13l12.81-164h116l12.81 164V0Z"
transform="translate(185.69 414.5)"
fill="#ede9e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-47.733v-13l12.81-164H12.81L0-13Z"
transform="translate(233.423 414.5)"
fill="#dfd7d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.53 58h-133.34l4.531-58z"
transform="translate(318.64 290.5)"
fill="#ff9f00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.53 58h-47.733l2.265-29 2.266-29z"
transform="translate(242.093 290.5)"
fill="#f08c00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.753 4.753 0 0 1-4.672 3.879h-120.387A4.752 4.752 0 0 1-129.73 0l-4.135-22.121v-13H2.802l1.333 13z"
transform="translate(320.365 449.621)"
fill="#88c0cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.753 4.753 0 0 0 4.672 3.879h-47.733A4.753 4.753 0 0 1-47.733 0l-4.135-22.121v-13h47.733v13z"
transform="translate(238.368 449.621)"
fill="#7ab6c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16.461c0-2.63-2.14-4.769-4.77-4.769h-152.46a4.775 4.775 0 0 0-4.77 4.769V0c0 2.63 2.14 4.77 4.77 4.77H-4.77C-2.14 4.77 0 2.63 0 0"
transform="translate(336.5 422.73)"
fill="#afd4e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v16.461a4.775 4.775 0 0 0 4.77 4.769H-42.963c-2.63 0-4.77-2.14-4.77-4.769V0c0-2.629 2.14-4.77 4.77-4.77H4.77A4.776 4.776 0 0 0 0 0"
transform="translate(222.233 406.27)"
fill="#9ec3cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category