Icon sets / Material Line Icons / moon-alt-off-loop
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><defs><mask id="SVGl8T3GcTE"><g fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="#fff"><path stroke-dasharray="56" stroke-width="2" d="M7 6c0 6.08 4.92 11 11 11c0.53 0 1.05 -0.04 1.56 -0.11c-1.61 2.47 -4.39 4.11 -7.56 4.11c-4.97 0 -9 -4.03 -9 -9c0 -3.17 1.64 -5.95 4.11 -7.56c-0.07 0.51 -0.11 1.03 -0.11 1.56Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="56;0"/></path><g stroke-dasharray="4" stroke-dashoffset="4"><path d="M12 5h1.5M12 5h-1.5M12 5v1.5M12 5v-1.5"><animate attributeName="stroke-dashoffset" begin="1.1s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M17 11h1.5M17 11h-1.5M17 11v1.5M17 11v-1.5"><animate attributeName="stroke-dashoffset" begin="1.77s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M20 5h1.5M20 5h-1.5M20 5v1.5M20 5v-1.5"><animate attributeName="stroke-dashoffset" begin="2.44s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M12 4h1.5M12 4h-1.5M12 4v1.5M12 4v-1.5"><animate attributeName="stroke-dashoffset" begin="3.11s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M18 12h1.5M18 12h-1.5M18 12v1.5M18 12v-1.5"><animate attributeName="stroke-dashoffset" begin="3.78s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M19 4h1.5M19 4h-1.5M19 4v1.5M19 4v-1.5"><animate attributeName="stroke-dashoffset" begin="4.45s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M13 4h1.5M13 4h-1.5M13 4v1.5M13 4v-1.5"><animate attributeName="stroke-dashoffset" begin="5.12s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M19 11h1.5M19 11h-1.5M19 11v1.5M19 11v-1.5"><animate attributeName="stroke-dashoffset" begin="5.79s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path><path d="M20 5h1.5M20 5h-1.5M20 5v1.5M20 5v-1.5"><animate attributeName="stroke-dashoffset" begin="6.46s" dur="6s" keyTimes="0;0.08;0.22;0.3;1" repeatCount="indefinite" values="4;0;0;4;4"/></path></g></g><path stroke="#000" stroke-dasharray="28" stroke-dashoffset="28" stroke-width="2" d="M-1 11h26" transform="rotate(45 12 12)"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.4s" to="0"/></path></g></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#SVGl8T3GcTE)"/><path fill="none" stroke="currentColor" stroke-dasharray="28" stroke-dashoffset="28" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M-1 13h26" transform="rotate(45 12 12)"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.4s" to="0"/></path></g></svg>
Customize
About this icon
The Material Line Icons version of the moon alt off loop icon, in a line style. 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 | line |
| Original size | 24 × 24 |
| Name | line-md:moon-alt-off-loop |
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