Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as drink, take away, coffee cup, Paper cup, cafe, and food and restaurant. Created in a clean outline color style with a white, silver, and orange 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#fff"
d="m400 186.7-44.3 298.4c-2.5 12.6-13.6 21.6-26.4 21.6H182.7c-12.8 0-23.9-9-26.4-21.6L112 186.7z"
/>
<path
d="M399.9 186.6 355.7 485c-2.6 12.6-13.6 21.6-26.4 21.6H182.7z"
opacity=".12"
/>
<path
fill="#70c6ec"
d="M430.9 169.9v-39.1c0-8.9-7.2-16.1-16.1-16.1H95.9c-8.9 0-16.1 7.2-16.1 16.1v39.1c0 8.9 7.2 16.1 16.1 16.1h318.9c8.9 0 16.1-7.2 16.1-16.1z"
/>
<path d="M430.9 130.8V170c0 8.9-7.3 16.1-16.2 16.1H95.9z" opacity=".12" />
<path
fill="#fccd43"
d="M400 114.6V106c0-11.2-9.1-20.3-20.3-20.3H132.4c-11.2 0-20.3 9.1-20.3 20.3v8.6z"
/>
<path
fill="#c7a871"
d="M373.4 85.8v-13c0-5.8-4.7-10.5-10.5-10.5h-17.2c-5.8 0-10.5 4.7-10.5 10.5v13z"
/>
<path
fill="#f76959"
d="m398.7 268.1-23.8 160.3c-.8 5.2-5.3 9.1-10.6 9.1H147.7c-5.3 0-9.8-3.9-10.6-9.1l-23.8-160.3c-1-6.4 4-12.2 10.6-12.2h264.2c6.5-.1 11.5 5.7 10.6 12.2z"
/>
<path
d="m398.7 268-23.8 160.3c-.7 5.2-5.2 9.1-10.6 9.1H147.7c-5.3 0-9.8-3.9-10.6-9.1z"
opacity=".12"
/>
<path
d="M415.4 109.3h-10.1v-3.2c0-14.1-11.5-25.6-25.6-25.6h-.9v-7.6c0-8.7-7.1-15.8-15.8-15.8h-17.2c-8.7 0-15.8 7.1-15.8 15.8v7.6H132.4c-14.1 0-25.6 11.5-25.6 25.6v3.2H96.6c-11.8 0-21.5 9.6-21.5 21.5v39.1c0 11.8 9.6 21.5 21.5 21.5h10.8l9.1 61c-1.7.9-3.3 2.1-4.6 3.6-3 3.5-4.4 8.2-3.7 12.8L132 429.1c1 6.8 6.3 12.1 12.8 13.3l6.5 43.6c3 15 16.3 25.9 31.6 25.9h146.5c15.3 0 28.6-10.9 31.7-26.2l6.4-43.3c6.5-1.3 11.7-6.6 12.8-13.3l23.8-160.3c.7-4.6-.7-9.3-3.7-12.8-1.3-1.5-2.9-2.7-4.6-3.6l9.1-61h10.8c11.8 0 21.5-9.6 21.5-21.5v-39.1c-.3-11.9-9.9-21.5-21.8-21.5zM126.9 250.5l-8.7-58.5h275.5l-8.7 58.5zM350.5 484c-2 10-10.9 17.3-21.2 17.3H182.7c-10.2 0-19.1-7.3-21.1-17.1l-6.2-41.4h201.1zm19.1-56.4c-.4 2.6-2.7 4.6-5.3 4.6H147.7c-2.6 0-4.9-2-5.3-4.6l-23.8-160.3c-.2-1.6.2-3.1 1.2-4.3s2.5-1.9 4-1.9H388c1.6 0 3 .7 4 1.9s1.5 2.7 1.2 4.3zm-29-354.8c0-2.8 2.3-5.1 5.1-5.1H363c2.8 0 5.1 2.3 5.1 5.1v7.6h-27.4v-7.6zm-223.2 33.3c0-8.3 6.7-15 15-15h247.3c8.3 0 15 6.7 15 15v3.2H117.4zm308.8 63.8c0 6-4.8 10.8-10.8 10.8H96.6c-6 0-10.8-4.8-10.8-10.8v-39.1c0-6 4.8-10.8 10.8-10.8h318.9c6 0 10.8 4.8 10.8 10.8v39.1zM197.1 60c2.9 0 5.3-2.4 5.3-5.3s-2.4-5.3-5.3-5.3c-16.9 0-30.7-13.8-30.7-30.7 0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3c-.1 22.7 18.5 41.3 41.3 41.3zM339.7 17.3c16.9 0 30.7 13.8 30.7 30.7 0 2.9 2.4 5.3 5.3 5.3s5.3-2.4 5.3-5.3c0-22.8-18.5-41.3-41.3-41.3-2.9 0-5.3 2.4-5.3 5.3s2.4 5.3 5.3 5.3z"
/>
<path
d="M197.1 38.6h142.7c5.1 0 9.3 4.2 9.3 9.3 0 2.9 2.4 5.3 5.3 5.3s5.3-2.4 5.3-5.3c0-11-9-20-20-20H197.1c-5.1 0-9.3-4.2-9.3-9.3V5.3c0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3v13.3c-.1 11 8.8 20 19.9 20z"
/>
<circle cx="256" cy="346.6" r="48.7" fill="#fccd43" />
<path
d="M290.4 381c-19 19-49.8 19-68.8 0l68.8-68.8c19 19.1 19 49.8 0 68.8z"
opacity=".1"
/>
<path
d="M256 400.7c-29.8 0-54-24.2-54-54s24.2-54 54-54 54 24.2 54 54c0 29.7-24.2 54-54 54zm0-97.4c-23.9 0-43.3 19.4-43.3 43.3s19.4 43.3 43.3 43.3 43.3-19.4 43.3-43.3c0-23.8-19.4-43.3-43.3-43.3z"
/>
</svg>
More icons in the same style and category