Steaming Coffee Mug Badge color filled icon
Outline icon of a coffee mug with handle and three steam lines inside a circle
About the Steaming Coffee Mug Badge color filled icon
This icon shows a straight-sided mug with a rounded side handle and an elliptical rim, with three wavy lines rising above it to signal a freshly poured hot drink, framed inside a thin circular badge. The steam makes it read as coffee or tea rather than an empty cup, so it suits cafe and restaurant menus, break room and pause-timer labels, morning routine apps, barista packaging and blog post categories about drinks.
The mug body is nearly square with a slight taper, the handle forms a closed loop against the right wall, and the three steam curls are evenly spaced with the center one tallest. It matches teapot, kettle and coffee bean icons in the same round-badge family; at small sizes consider a version without the enclosing ring so the steam stays visible.
This is the colour filled version of the steaming coffee mug 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.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
