Zzz color filled icon
Outline circle badge with a sleep cloud containing three Z letters and a bubble trail
About the Zzz color filled icon
Inside a thin circular badge sits a rounded cloud holding three Z letters that rise in size from left to right, with a trail of three shrinking bubbles running down from its lower left corner. The bubble tail makes it a thought cloud, so the whole mark reads as someone asleep and dreaming. Use it for sleep tracking apps, do-not-disturb and snooze toggles, nap timers, bedtime routines and mattress or hotel listings.
The cloud is centered slightly above the middle so the bubble trail has room to fall inside the ring without touching it. The badge frame matches the other circle-enclosed state icons in the library. If you need it under 24 px, use the version without the outer circle so the Z letters stay legible.
This is the colour filled version of the zzz 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.
