Mug black filled icon
Outline tall mug with a side handle and a steam line, inside a circular frame
About the Mug black filled icon
A tall mug with slightly tapered sides, an open oval rim and a looped handle on the right sits inside a round badge, with a single curved line drifting above it to show steam and a small highlight mark on the body. It stands for coffee breaks, hot drinks and cafe service. Use it on restaurant and cafe menus, coffee shop apps, hotel breakfast listings, break-room signage and morning-routine illustrations.
The mug is drawn taller than wide, which reads as a diner mug rather than an espresso cup, and the lone steam stroke keeps the top of the circle from feeling empty. It pairs with teapot, croissant and cutlery icons in the same circle-framed family. At 20 px and below, drop the badge so the handle stays distinct.
This is the solid black filled version of the mug icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
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.
