Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as food, cup, tea, hot drink, coffee cup, mug, tea cup, and food and restaurant. Created in a clean flat style with a white, silver, gray, yellow, olive, teal, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<path
fill="#54a0c8"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="#337aad"
d="m349.156 117.348-37.344 37.343L102.5 210l.938 73.258 76.07 76.07-24.172-1.992-50.73-14.106-17.88 17.88L236.91 511.292c6.305.465 12.668.707 19.09.707 133.586 0 243.254-102.324 254.95-232.863zm0 0"
/>
<path
fill="#bef0fd"
d="M174.238 301.598h-28.015c-32.82 0-59.52-26.7-59.52-59.52 0-32.816 26.7-59.516 59.52-59.516h18.554v19.84h-18.554c-21.88 0-39.68 17.797-39.68 39.676 0 21.883 17.8 39.68 39.68 39.68h28.015zm0 0"
/>
<path
fill="#b89987"
d="M364.125 152.805 236.16 172.64 256 103.203h58.527c27.352 0 49.598 22.254 49.598 49.602zm0 0"
/>
<path
fill="#d0afa2"
d="M256 103.203v69.442l-102.172-19.84c0-27.344 22.246-49.598 49.598-49.598H256zm0 0"
/>
<path
fill="#a0836b"
d="M256 159.414h101.512c0 16.996-.336 26.902-1.02 42.988L236.16 222.238zm0 0"
/>
<path
fill="#b89987"
d="M256 159.414v62.828l-94.54-19.84c-.683-16.082-1.019-25.992-1.019-42.984H256zm0 0"
/>
<path
fill="#80542f"
d="M256 202.402h100.492c-2.32 54.758-8.617 104.508-19.066 150.97H236.16zm0 0"
/>
<path
fill="#906b4d"
d="M256 202.402v150.97h-75.477c-10.449-46.462-16.742-96.212-19.062-150.97zm0 0"
/>
<path
fill="#7de1fa"
d="M256 152.805h108.125c0 74.843-6.566 140.453-20.086 200.566l-19.348-4.351c11.98-53.313 18.372-111.192 19.434-176.375H256l-13.227-10.364zm0 0"
/>
<path
fill="#bef0fd"
d="M256 152.805v19.836h-82.176c1.067 65.187 7.453 123.062 19.438 176.379l-19.352 4.351c-13.515-60.113-20.082-125.723-20.082-200.57H256zm0 0"
/>
<path
fill="#ffeea6"
d="m393.828 355.633-22.582 45.164H256l-52.906-45.164zm0 0"
/>
<path fill="#fff7d3" d="M256 355.633v45.164H146.703l-22.582-45.164zm0 0" />
<path
fill="#ffdf5e"
d="M425.297 341.277v19.84H256l-17.23-9.922 17.23-9.918zm0 0"
/>
<path fill="#ffeea6" d="M86.703 341.277H256v19.84H86.703zm0 0" />
</svg>
More icons in the same style and category