Moon color filled icon
Crescent moon outline centred inside a thin circular frame
About the Moon color filled icon
A waning crescent moon with a softly tapered tip sits centred inside a thin circular frame, leaving the crescent open rather than filled. It reads as night, dark mode, sleep and after-hours activity. Use it for theme switches in web and mobile apps, overnight weather forecast rows, bedtime and sleep-tracking screens, do-not-disturb settings and astronomy or calendar lunar phase displays.
The crescent is built from two offset arcs of unequal curvature so the horns stay pointed, and it occupies roughly two thirds of the enclosing ring, keeping breathing room on all sides. It pairs with sun, cloud, star and alarm icons in the same badged set. For a toggle, use it opposite the sun mark at matching optical size.
This is the colour filled version of the moon icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
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.
