Mug color filled icon
Outline tall coffee mug with elliptical rim and a large loop handle on the right
About the Mug color filled icon
A tall straight-sided drinking mug seen slightly from above, so the rim opens into a wide ellipse and the base curves back with a thin footing band. A large open loop handle sweeps off the right side. It stands for coffee, tea, a work break and morning routine, and suits cafe menus, food delivery apps, breakfast packaging, office and wellness slides, and coffee shop wayfinding.
Proportions are vertical, roughly twice as tall as they are wide, with a doubled rim line that gives it depth and a handle whose curve mirrors the mug wall. It sits well next to takeaway cup, teapot and kettle icons from the same family. At small sizes the footing band closes up, so drop it below 20 px.
This is the colour filled version of the mug icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
