A crescent moon icon for dark-mode toggles, night themes and sleep modes.
The copied SVG includes a credit comment linking back to Iconro. Please keep it intact.
Iconro icons are free for personal and commercial use, but attribution is required. Add the snippet below near the icon — typically in a credits, README or footer section — or keep the credit comment in the copied SVG intact.
<a href="https://iconro.com/icon/moon" target="_blank" rel="noopener">Moon icon</a> by <a href="https://iconro.com" target="_blank" rel="noopener">Iconro</a>
Plain-text alternative: Moon icon by Iconro — https://iconro.com
Looks great on dark
Use currentColor in dark themes.
12.4k
Active users
The Moon icon is part of Iconro —
the largest free SVG and PNG icon library on the web, with 142,000+ editable icons.
A crescent moon icon for dark-mode toggles, night themes and sleep modes. Whether you are designing a website, mobile app, dashboard or marketing landing page, this icon ships in a clean
24×24 viewBox and uses currentColor by default — so it adapts automatically to whatever colour you
apply via CSS.
Free for personal and commercial use. Attribution is required — please link back to iconro.com wherever this icon is used (a README, footer, credits page or design file is fine), or keep the credit comment that ships inside the copied SVG. See the terms for details.
<a href="https://iconro.com/icon/moon" target="_blank" rel="noopener">Moon icon</a> by <a href="https://iconro.com" target="_blank" rel="noopener">Iconro</a>