Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, take away, takeaway, coffee cup, Paper cup, delivery, hot coffee, food and restaurant, food delivery, take out, and cup carrier. Created in a clean flat style with a white, silver, gray, 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 16.933 16.933"
>
<path
fill="#dbe1e7"
d="m1.303 11.953.289 1.588c.033.185.109.363.24.505s.33.241.55.241h3.703c.22 0 .418-.099.55-.241a.996.996 0 0 0 .24-.505l.056-.312h3.071l.056.312c.034.185.11.363.241.505.132.142.33.241.549.241h3.704c.219 0 .417-.099.549-.241a.996.996 0 0 0 .24-.505l.29-1.588z"
/>
<path
fill="#cfd7df"
d="m14.572 11.953-.289 1.588a.996.996 0 0 1-.24.505.755.755 0 0 1-.55.241h1.06c.218 0 .416-.099.548-.241a.996.996 0 0 0 .24-.505l.29-1.588z"
/>
<path
fill="#e7ebef"
d="m1.06 5.057.793 6.879.002.006 4.758-.006.793-6.879z"
/>
<path
fill="#dbe1e7"
d="m6.348 5.057-.794 6.879-3.7.005v.002l4.759-.006.793-6.879z"
/>
<path
fill="#e7ebef"
d="m9.527 5.057.793 6.879.002.006 4.758-.006.793-6.879z"
/>
<path
fill="#dbe1e7"
d="m14.815 5.057-.794 6.879-3.7.005v.002l4.759-.006.793-6.879z"
/>
<path
fill="#b38051"
d="m9.215 6.645.504 4.234h5.963l.503-4.234a.265.265 0 0 0-.261-.295h-6.46a.266.266 0 0 0-.25.295z"
/>
<path
fill="#a77649"
d="M14.866 6.35c.157.001.279.138.261.295l-.504 4.234h1.059l.503-4.234a.265.265 0 0 0-.261-.295z"
/>
<path
fill="#e7ebef"
d="M12.701 7.409c-.728 0-1.324.594-1.324 1.322 0 .727.596 1.322 1.324 1.322.727 0 1.322-.595 1.322-1.322 0-.728-.595-1.322-1.322-1.322z"
/>
<path
fill="#b38051"
d="m.748 6.645.504 4.234h5.963l.503-4.234a.265.265 0 0 0-.261-.295H.997a.266.266 0 0 0-.25.295z"
/>
<path
fill="#a77649"
d="M6.399 6.35c.157.001.279.138.261.295l-.504 4.234h1.059l.503-4.234a.265.265 0 0 0-.261-.295z"
/>
<path
fill="#e7ebef"
d="M4.234 7.409c-.728 0-1.324.594-1.324 1.322 0 .727.596 1.322 1.324 1.322.727 0 1.322-.595 1.322-1.322 0-.728-.595-1.322-1.322-1.322zM.795 10.582a.265.265 0 0 0-.266.266v1.059a.265.265 0 0 0 .266.263H16.14a.265.265 0 0 0 .264-.263v-1.059a.265.265 0 0 0-.264-.266z"
/>
<path
fill="#dbe1e7"
d="M15.082 10.582a.265.265 0 0 1 .263.266v1.059a.265.265 0 0 1-.263.263h1.058a.265.265 0 0 0 .264-.263v-1.059a.265.265 0 0 0-.264-.266zM1.06 5.057l.088.763h6.17l.088-.763z"
/>
<path
fill="#fcb860"
d="M1.324 2.645a.265.265 0 0 0-.266.266v1.058h6.35V2.911a.265.265 0 0 0-.264-.266z"
/>
<path
fill="#fbb04f"
d="M6.086 2.645c.146 0 .264.12.263.266v1.058h1.059V2.911a.265.265 0 0 0-.264-.266z"
/>
<path
fill="#fcb860"
d="M.795 3.704a.265.265 0 0 0-.266.265v1.057a.265.265 0 0 0 .266.265h6.878a.265.265 0 0 0 .264-.265V3.969a.265.265 0 0 0-.264-.265z"
/>
<path
fill="#fbb04f"
d="M6.615 3.703a.265.265 0 0 1 .264.266v1.057a.265.265 0 0 1-.264.265h1.058a.265.265 0 0 0 .264-.265V3.969a.265.265 0 0 0-.264-.266z"
/>
<path fill="#dbe1e7" d="m9.527 5.057.088.763h6.17l.088-.763z" />
<path
fill="#fcb860"
d="M9.79 2.645a.265.265 0 0 0-.265.266v1.058h6.35V2.911a.265.265 0 0 0-.264-.266z"
/>
<path
fill="#fbb04f"
d="M14.553 2.645c.146 0 .264.12.263.266v1.058h1.059V2.911a.265.265 0 0 0-.264-.266z"
/>
<path
fill="#fcb860"
d="M9.262 3.704a.265.265 0 0 0-.266.265v1.057a.265.265 0 0 0 .266.265h6.878a.265.265 0 0 0 .264-.265V3.969a.265.265 0 0 0-.264-.265z"
/>
<path
fill="#fbb04f"
d="M15.082 3.703a.265.265 0 0 1 .264.266v1.057a.265.265 0 0 1-.264.265h1.058a.265.265 0 0 0 .264-.265V3.969a.265.265 0 0 0-.264-.266z"
/>
</svg>
More icons in the same style and category