Hot Coffee Mug Badge color filled icon
Tall coffee mug with handle and rising steam lines inside a circular outline frame
About the Hot Coffee Mug Badge color filled icon
A tall straight-sided mug with a looped handle sits inside a thin circular frame, with three wavy lines rising from the rim to signal heat. The badge shape makes it read as a stamp or a button rather than a plain object. Suited to cafe menus, coffee shop branding, breakfast sections in food apps, vending interfaces and restaurant signage.
Proportions are upright and simple: the mug fills most of the ring, the handle breaks toward the right edge and the steam curls stay light. Pair it with teacup, kettle and espresso icons; the outer circle lets it double as an avatar or app tile.
This is the colour filled version of the hot 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.
