Cup Of Coffee color filled icon

About the Cup Of Coffee color filled icon

A wide cup rests on a flat saucer, with a rounded handle on the right, three wavy steam curls rising from the rim and a single coffee bean marked on the front of the cup. The bean makes the drink unmistakable rather than generic hot liquid, which suits cafe menu boards, coffee shop apps, breakfast sections of delivery services, office break-room signage and packaging for roasted beans.

The silhouette is symmetric apart from the handle, with the saucer forming a stable horizontal base and the steam adding vertical lift so the icon fills a square frame. It pairs with teapot, croissant and mug icons. Keep the steam strokes at full weight; thinning them makes the cup look cold at 24 px.

This is the colour filled version of the cup of 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.