<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><g fill="currentColor"><path d="M12 2C12.4626 2 12.5392 2.69313 12.1436 2.93262C10.2598 4.07091 9 6.13845 9 8.5C9 12.0899 11.9101 15 15.5 15C17.8615 15 19.9291 13.7402 21.0674 11.8564C21.3069 11.4608 22 11.5374 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2Z"/><path d="M16.5 7.25C16.8033 7.25 17.0773 7.43263 17.1934 7.71289C17.3094 7.99313 17.2448 8.31579 17.0303 8.53027L15.3105 10.25H16.5C16.9142 10.25 17.25 10.5858 17.25 11C17.25 11.4142 16.9142 11.75 16.5 11.75H13.5C13.1967 11.75 12.9227 11.5674 12.8066 11.2871C12.6906 11.0069 12.7553 10.6842 12.9697 10.4697L14.6895 8.75H13.5C13.0858 8.74999 12.75 8.41421 12.75 8C12.75 7.58579 13.0858 7.25001 13.5 7.25H16.5Z"/><path d="M22 1.25C22.3033 1.25 22.5773 1.43263 22.6934 1.71289C22.8094 1.99313 22.7448 2.31579 22.5303 2.53027L19.8105 5.25H22C22.4142 5.25 22.75 5.58579 22.75 6C22.75 6.41421 22.4142 6.75 22 6.75H18C17.6967 6.74999 17.4227 6.56736 17.3066 6.28711C17.1906 6.00688 17.2553 5.6842 17.4697 5.46973L20.1895 2.75H18C17.5858 2.74999 17.25 2.41421 17.25 2C17.25 1.58579 17.5858 1.25001 18 1.25H22Z"/></g></g></svg>
Customize
About this icon
A bold moon sleep icon from Solar. The crescent means night or dark mode. Choose the sun from the same set so the toggle feels balanced.
It's a solid shape on a 24 × 24 grid. Shapes like this read well on buttons and at small sizes.
It's free for commercial use if you credit the author (CC BY 4.0). Not quite the look you need? The same symbol comes in 3 other styles below.
| Icon set | Solar (version 1.2.13) |
| Author | 480 Design |
| Licence | CC BY 4.0 |
| Style | bold |
| Original size | 24 × 24 |
| Name | solar:moon-sleep-bold |
Topics
Credit (optional)
This icon's licence asks you to credit the author. You can paste this line on your site:
Something wrong with this icon? Report it