Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, take away, coffee shop, coffee cup, Paper cup, and food and restaurant. Created in a clean flat style with a silver, gray, yellow, lime, 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="-43 0 512 512"
>
<path
fill="#73da8c"
d="m49.063 158.25 43.601 307.262C96.45 492.18 119.281 512 146.214 512h133.06c26.937 0 49.765-19.82 53.55-46.488l43.602-307.262zm0 0"
/>
<path
fill="#29ce69"
d="M217.414 218.27c37.246-11.141 65.816-28.063 65.816-28.063V158.25H49.062l43.602 307.262C96.45 492.18 119.281 512 146.214 512h50.376c-7.367-24.266 5.922-50.773 30.808-58.895 34.22-11.171 56.235-34.402 55.832-34.402-60.207-10.754-93.859-57.223-112.527-101.66-16.91-40.246 4.887-86.266 46.711-98.773zm0 0"
/>
<path
fill="#73da8c"
d="M288.668 0H136.824c-27.761 0-52.215 18.25-60.11 44.86l-27.651 93.167H376.43L348.777 44.86C340.88 18.25 316.426 0 288.668 0zm0 0"
/>
<path
fill="#29ce69"
d="M238.184 0h-101.36c-27.758 0-52.215 18.25-60.11 44.86l-27.651 93.167h101.363l27.648-93.168C185.973 18.25 210.426 0 238.184 0zm0 0"
/>
<path
fill="#b9ecc2"
d="M378.016 190.207H47.473C21.253 190.207 0 168.953 0 142.734c0-26.222 21.254-47.476 47.473-47.476h330.543c26.218 0 47.472 21.254 47.472 47.476 0 26.22-21.254 47.473-47.472 47.473zm0 0"
/>
<path
fill="#8fe2a3"
d="M107.352 142.734c0-26.222 21.253-47.476 47.472-47.476H47.473C21.253 95.258 0 116.512 0 142.734c0 26.22 21.254 47.473 47.473 47.473h107.351c-26.219 0-47.472-21.254-47.472-47.473zm0 0"
/>
<path
fill="#00c140"
d="M212.746 59.465c20.168 0 36.52-16.352 36.52-36.52V0h-73.04v22.945c-.003 20.168 16.348 36.52 36.52 36.52zm0 0"
/>
<path
fill="#f9ee80"
d="m46.668 307.086 9.836 68.348c3.574 24.836 24.855 43.27 49.945 43.27h212.59c25.094 0 46.371-18.434 49.945-43.27l9.84-68.348c2.5-17.363-10.972-32.914-28.515-32.914H75.179c-17.542 0-31.011 15.55-28.511 32.914zm0 0"
/>
<path
fill="#f4e74d"
d="m139.594 375.43-9.836-68.344c-2.5-17.363 10.972-32.914 28.515-32.914H75.18c-17.543 0-31.012 15.55-28.512 32.914l9.836 68.344c3.574 24.836 24.855 43.273 49.945 43.273h83.09c-25.09 0-46.367-18.437-49.945-43.273zm0 0"
/>
<path
fill="#454545"
d="M212.746 381.8c-15.988 0-28.95-12.96-28.95-28.948v-21.047a7.904 7.904 0 0 1 7.903-7.903h42.094a7.904 7.904 0 0 1 7.902 7.903v21.047c-.004 15.988-12.96 28.949-28.949 28.949zm0 0"
/>
<path
fill="#fdb2db"
d="M146.79 352.852c0-13.579-13.825-24.59-30.88-24.59-17.05 0-30.875 11.011-30.875 24.59 0 13.582 13.824 24.59 30.875 24.59 17.055 0 30.88-11.008 30.88-24.59zM340.457 352.852c0-13.579-13.824-24.59-30.879-24.59s-30.879 11.011-30.879 24.59c0 13.582 13.824 24.59 30.88 24.59s30.878-11.008 30.878-24.59zm0 0"
/>
<g fill="#454545">
<path
d="M295.836 339.355a7.726 7.726 0 0 1-7.727-7.726V318.8a7.726 7.726 0 1 1 15.454 0v12.828a7.729 7.729 0 0 1-7.727 7.726zM129.652 339.355a7.729 7.729 0 0 1-7.726-7.726V318.8a7.726 7.726 0 1 1 15.453 0v12.828a7.726 7.726 0 0 1-7.727 7.726zm0 0"
/>
</g>
</svg>
More icons in the same style and category