Coffee color filled icon

About the Coffee color filled icon

This icon shows a disposable coffee cup with a domed lid and a printed COFFEE label, three curling steam lines rising above the sipping hole to show the drink is hot. It communicates a quick caffeine break or takeaway order, useful for cafe menus, food delivery apps, coffee shop branding, and morning-routine UI screens.

The cup narrows slightly toward the base and the label band wraps around the middle third, keeping the design balanced at small sizes. It pairs well with mug, espresso machine, and croissant icons. Works best at 32px or larger so the steam lines stay legible.

This is the colour filled version of the coffee icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.

Free for personal and commercial use with attribution.