Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, coffee cup, mug, chocolate, tea cup, miscellaneous, and food and restaurant. Created in a clean flat style with a white, silver, maroon, olive, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<path
fill="#5dc1d8"
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="#293d7c"
d="M443.668 421.5H60.707a257.346 257.346 0 0 0 52.242 46.832h286.102a257.428 257.428 0 0 0 44.617-38.238zm0 0"
/>
<path
fill="#c3ddf4"
d="M76.273 342.684h118.47c9.726 0 17.609-7.883 17.609-17.606 0-9.726-7.883-17.61-17.61-17.61H76.273c-22.636 0-41.054-18.417-41.054-41.058V154.723c0-.657.535-1.192 1.191-1.192h158.332c9.727 0 17.61-7.883 17.61-17.61 0-9.722-7.883-17.605-17.61-17.605H36.41c-20.078 0-36.41 16.332-36.41 36.41V266.41c0 42.059 34.219 76.274 76.273 76.274zm0 0"
/>
<path
fill="#fff"
d="M292 434.68c-102.238 0-185.121-82.88-185.121-185.118V76.356c0-6.582 5.336-11.914 11.914-11.914h346.414c6.578 0 11.914 5.332 11.914 11.914V249.56c0 102.242-82.883 185.12-185.121 185.12zm0 0"
/>
<path
fill="#d9eafc"
d="M186.879 249.559V76.355c0-6.582 5.336-11.914 11.914-11.914h-80c-6.578 0-11.914 5.332-11.914 11.914V249.56c0 102.242 82.883 185.12 185.121 185.12 13.734 0 27.117-1.507 40-4.347-83.008-18.285-145.121-92.27-145.121-180.773zm0 0"
/>
<path
fill="#d9eafc"
d="M149.45 367.668c33.956 40.937 85.206 67.012 142.55 67.012s108.594-26.075 142.55-67.012zm0 0"
/>
<path
fill="#994d10"
d="M225.938 287.543c-41.614-6.828-79.575 13.387-84.786 45.145-5.21 31.757 24.301 63.039 65.918 69.867 41.614 6.828 79.575-13.383 84.785-45.145 5.211-31.758-24.3-63.039-65.918-69.867zm0 0"
/>
<path
fill="#843b09"
d="M174.477 331.156c-4.98-7.261-11.032-16.07-23.63-20.023-4.308 5.422-7.413 11.57-9.03 18.289 7.89 1.332 11.003 5.387 16.234 13.008 5.707 8.316 12.812 18.672 29.566 21.418 16.754 2.75 26.797-4.793 34.863-10.852 7.43-5.582 11.68-8.434 19.672-7.125 7.993 1.313 11.11 5.371 16.368 13.035 4.984 7.262 11.035 16.07 23.632 20.024 4.313-5.422 7.418-11.57 9.032-18.29-7.891-1.331-11.008-5.386-16.239-13.007-5.707-8.32-12.812-18.672-29.566-21.422-16.754-2.746-26.797 4.793-34.863 10.851-7.43 5.583-11.684 8.434-19.672 7.125-7.992-1.308-11.11-5.37-16.367-13.03zm0 0"
/>
<path
fill="#b26016"
d="M179.867 300.898c-15.703-39.14-52.648-61.152-82.52-49.168S55.993 305.16 71.7 344.3c15.703 39.138 52.649 61.153 82.52 49.165 29.87-11.985 41.351-53.43 25.648-92.567zm0 0"
/>
<path
fill="#994d10"
d="M108.664 329.465c-12.285-30.63-7.926-62.664 8.867-80.895-6.87-.437-13.703.559-20.195 3.164-29.871 11.985-41.356 53.426-25.652 92.567s52.644 61.152 82.515 49.168c6.492-2.606 12.117-6.606 16.785-11.672-24.738-1.57-50.03-21.707-62.32-52.332zm0 0"
/>
<path
fill="#843b09"
d="M115.887 279.465c3.633-8.024 8.039-17.758 4.894-30.582-6.867-.883-13.734-.356-20.32 1.738 2.945 7.442 1.09 12.207-2.727 20.625-4.16 9.192-9.343 20.629-3.02 36.387 6.321 15.754 17.974 20.441 27.333 24.21 8.625 3.47 13.262 5.63 16.277 13.145s1.156 12.282-2.68 20.746c-3.632 8.024-8.039 17.762-4.894 30.586 6.867.883 13.738.36 20.32-1.738-2.941-7.441-1.086-12.207 2.727-20.625 4.164-9.191 9.344-20.633 3.02-36.39-6.32-15.754-17.97-20.446-27.333-24.212-8.62-3.468-13.261-5.628-16.277-13.144-3.016-7.512-1.156-12.281 2.68-20.746zm0 0"
/>
<path
fill="#2e4c89"
d="M34.14 383.8A256.878 256.878 0 0 0 80.118 442h351.766a256.878 256.878 0 0 0 45.976-58.2zm0 0"
/>
</svg>
More icons in the same style and category