Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as drink, take away, coffee shop, coffee cup, Paper cup, and food and restaurant. Created in a clean flat style with a white, silver, gray, teal, and navy 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 0 31.284-354.922c.709-8.043 7.446-14.212 15.521-14.212h202.306c8.141 0 14.91 6.267 15.535 14.384L291.969-.036z"
transform="translate(107.431 369.134)"
fill="#edf5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h100.462c8.141 0 14.909 6.267 15.534 14.384l27.323 354.714L0 369.115Z"
transform="translate(256.08)"
fill="#d3e9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-258.395c-7.531 0-13.803 5.774-14.424 13.279l-14.607 176.382c-.698 8.437 5.96 15.669 14.425 15.669H12.78c8.407 0 15.044-7.136 14.437-15.52L14.437 13.428C13.888 5.86 7.588 0 0 0"
transform="translate(386.191 69.706)"
fill="#d3e9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-142.891v-205.33H-12.78c7.588 0 13.887 5.86 14.436 13.428L14.437-15.521C15.044-7.136 8.406 0 0 0"
transform="translate(398.971 275.036)"
fill="#c1d7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a18.984 18.984 0 0 1-18.201 13.589h-223.827A18.983 18.983 0 0 1-259.82 1.226l-25.092-67.431H19.622Z"
transform="translate(385.624 498.41)"
fill="#516788"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-111.342v-79.794H37.823L18.201-13.589A18.983 18.983 0 0 1 0 0"
transform="translate(367.423 512)"
fill="#364b6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-329.172c-6.74 0-12.204 5.464-12.204 12.204v50.113c0 6.74 5.464 12.204 12.204 12.204H0c6.74 0 12.205-5.464 12.205-12.204V12.204C12.205 5.464 6.74 0 0 0"
transform="translate(420.586 364.62)"
fill="#364b6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M316.638 140.912H195.362v62.918h121.276z"
fill="#edf5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-164.505v-74.521H0c6.74 0 12.205 5.464 12.205 12.204v50.113C12.205-5.464 6.74 0 0 0"
transform="translate(420.586 439.141)"
fill="#363756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256.081 140.912h60.558v62.918h-60.558z"
fill="#d3e9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M210.362 155.912h91.276v32.918h-91.276zm106.276-30H195.362c-8.284 0-15 6.715-15 15v62.918c0 8.284 6.716 15 15 15h121.276c8.284 0 15-6.716 15-15v-62.918c0-8.285-6.716-15-15-15"
fill="#c1d7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60.558v-30H-15v-32.918h-45.558v-30H0c8.284 0 15 6.716 15 15V-15C15-6.716 8.284 0 0 0"
transform="translate(316.638 218.83)"
fill="#b4c3fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category