Sun and Moon color icon
The color version of the sun and moon line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#a1daf7" stroke="none"><path fill-rule="evenodd" d="m6.08 3.38.12.21-.51.16-.51.26-.19-.42L4 2.63l-.37-.12h-.26l-.48.2-.18.18-.18.35-.03.26.08.38.21.33.7.7.21.16.31.11-.26.51-.16.51-.33-.17L3 6H2l-.38.08-.33.21-.16.21-.12.37v.26l.12.37.16.21.45.26 1.39.02.46-.19.16.51.26.51-.42.19-.96.99-.12.37v.26l.12.37.16.21.21.16.37.12h.26l.37-.12.99-.96.19-.42.51.26.51.16-.17.33L6 11v1l.08.38.21.33.21.16.37.12h.26l.37-.12.21-.16.26-.45.02-1.39-.19-.46.92-.36.78-.6.55-.73.36-.92.33.17L11 8h1l.38-.08.33-.21.16-.21.12-.37v-.26l-.12-.37-.16-.21-.45-.26-1.39-.02-.46.19-.16-.51-.26-.51.42-.19.8-.78.21-.33.07-.25-.07-.51-.21-.33-.21-.16-.5-.13-.5.13-.99.96-.19.42-.51-.26-.51-.16.17-.33L8 3V2l-.08-.38-.21-.33-.21-.16-.37-.12h-.26l-.37.12-.21.16-.26.45L6 3ZM21.96 16.2l-.19-.35-.43-.29-.39-.06-1.18.11-1.02-.14-.97-.38-.52-.33-.48-.39-.42-.46-.35-.51-.28-.56-.2-.59-.14-1.02.11-1.18-.06-.39-.3-.43-.47-.22-.26-.01-.67.16-1.1.45-.8.48-.87.75-.61.71-.61 1.02-.4 1.07-.18.92-.05 1.19.24 1.42.45 1.15.64 1.01.8.87 1.17.85 1.08.48 1.2.29 1.44.04 1.22-.21 1.33-.54.99-.66.89-.86.8-1.19.27-.58.27-.81.09-.42Z"/></g><g fill="none" stroke="#1d4b63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16.5a5.5 5.5 0 0 1-6.5-6.5 5.5 5.5 0 1 0 6.5 6.5"/><circle cx="7" cy="7" r="2.5"/><path d="M7 2v1m0 8v1M2 7h1m8 0h1M3.5 3.5l.7.7m6.3-.7-.7.7m-6.3 6.3.7-.7"/></g></svg>Want it moving? See the animated sun and moon icon.