Coffee Mug Handle color outline icon
Outline icon of a coffee mug with a side handle inside a circle
About the Coffee Mug Handle color outline icon
A straight sided mug with an elliptical rim and a rounded loop handle on the right sits inside a thin circular frame. A short vertical line on the body hints at the curve of the ceramic. Nothing spills over the rim, so it reads as an empty or full cup equally well on cafe menus, breakfast and recipe apps, office break room signage, coffee subscription pages and mug merchandise mockups.
The tall body and the small circular handle keep the proportions of a real ceramic mug, and the enclosing ring makes it easy to drop into a badge, avatar slot or menu chip. It pairs with teapot, espresso cup and kettle icons from the same drink set. Use it at 24 px and up so the handle opening stays clear.
This is the colour outline version of the coffee mug handle 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.
