Coffee Cup Circle Badge color filled icon

About the Coffee Cup Circle Badge color filled icon

A wide cup with a side handle rests on an oval saucer, three wavy lines rise from the rim as steam, and the whole group is enclosed in a plain circular frame. It communicates a hot drink, a coffee break, hospitality and cafe service. Use it on menu boards, coffee shop location pins, break room signage, hotel amenity lists and round toolbar buttons in food delivery apps.

The circular frame keeps generous margin around the cup, so the mark works as a stamp or avatar without cropping. The handle projects right, the saucer flares wider than the cup base, and the three steam curls step upward in matching rhythm. It pairs with tea, croissant and mug icons; at 16px the steam lines merge, so use 24px and up.

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