Zzz color outline icon
Outline circle badge with a sleep cloud containing three Z letters and a bubble trail
About the Zzz color outline 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 outline version of the zzz 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.
