Mug color outline icon
Outline tall coffee mug with elliptical rim and a large loop handle on the right
About the Mug color outline 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 outline version of the mug icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
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.
