Blue clay coffee mug icon with cream steam
A round cobalt 3D clay mug with a cream inner rim, a dark navy coffee surface, a handle on the right and two cream steam wisps above.
Coffee in cobalt blue and ivory clay, for menus and food content. Transparent PNG and WebP, ready for layouts and presentations.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
The mug is a rounded cobalt cylinder with a thick curved handle at the right. Looking slightly down into it, you see a cream inner rim around a pool of dark navy coffee. Two cream steam wisps curl up from the surface in S-shapes, the left one taller. The body has a fine grainy texture, and a pale highlight runs down its left side.
Warm and compact, it works well with the Teacup and Croissant icons from the same food collection on a cafe page. The PNG is 243 x 281 pixels, with a transparent background, and a WebP copy is included. The steam leaves some space inside the canvas so it never clips.
Where it works well
- The 'Coffee break' event listing on a coworking calendar
- A hot drinks category tile on a cafe ordering app
- The 'Buy me a coffee' support button on a creator page
Free use
Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.
More from this collection
AppleBananaOrangeStrawberryLemonAvocadoCarrotBroccoliBreadCroissantCakeCookie