<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g transform="translate(0 0)"><g fill="currentColor"><path d="M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78" opacity=".2"/><path d="M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4"/></g></g></svg>
Customize
About this icon
The Phosphor version of the moon icon, in a two-tone style. 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 256 × 256 grid. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in more than 20 other styles below.
| Icon set | Phosphor (version 1.2.2) |
| Author | Phosphor Icons |
| Licence | MIT |
| Style | two-tone |
| Original size | 256 × 256 |
| Name | ph:moon-duotone |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it