Icon sets / Material Line Icons / moon-simple-twotone
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="currentColor" fill-opacity="0" stroke="currentColor" stroke-dasharray="62" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3c-4.97 0 -9 4.03 -9 9c0 4.97 4.03 9 9 9c3.53 0 6.59 -2.04 8.06 -5c0 0 -6.06 1.5 -9.06 -3c-3 -4.5 1 -10 1 -10Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="62;0"/><animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.15s" to=".3"/></path></g></svg>
Customize
About this icon
Moon simple twotone, drawn in the two-tone style of Material Line Icons. The crescent means night or dark mode. Choose the sun from the same set so the toggle feels balanced.
It's drawn with lines on a 24 × 24 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. Use the stroke slider to make it thinner or bolder before you download.
It's free for personal and commercial use (MIT).
| Icon set | Material Line Icons (version 1.2.16) |
| Author | Vjacheslav Trushkin |
| Licence | MIT |
| Style | two-tone |
| Original size | 24 × 24 |
| Name | line-md:moon-simple-twotone |
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