Add icons to this collection by clicking the heart icon.
Moon Phases icon - also known as education, night, nature, satellite, astronomy, planet earth, moon phases, crescent moon, and miscellaneous. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 509.995 509.995"
>
<linearGradient id="a">
<stop offset="0" stop-color="#814aa0" />
<stop offset="1" stop-color="#192a7d" />
</linearGradient>
<linearGradient
id="c"
x1="-170.789"
x2="-11.112"
y1="442.276"
y2="442.276"
gradientTransform="matrix(1 0 0 -1 185.274 697.274)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-56.051"
x2="139.259"
y1="257.002"
y2="257.002"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-56.051"
x2="139.259"
y1="288.029"
y2="288.029"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fef056" />
<stop offset=".521" stop-color="#f4d902" />
<stop offset="1" stop-color="#fe9738" />
</linearGradient>
<linearGradient
id="f"
x1="-6.551"
x2="108.002"
y1="257.002"
y2="257.002"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-233.828"
x2="-89.741"
y1="443.803"
y2="443.803"
gradientTransform="matrix(1 0 0 -1 185.274 697.274)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-65.051"
x2="75.957"
y1="288.029"
y2="288.029"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-65.051"
x2="75.957"
y1="212.571"
y2="212.571"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-65.051"
x2="75.957"
y1="324.397"
y2="324.397"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="185.275"
x2="324.721"
y1="442.277"
y2="442.277"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="136.721"
x2="280.808"
y1="442.277"
y2="442.277"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="136.721"
x2="280.808"
y1="443.803"
y2="443.803"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="136.721"
x2="280.808"
y1="473.303"
y2="473.303"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="185.275"
x2="324.721"
y1="71.728"
y2="71.728"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="96.664"
x2="320.046"
y1="71.728"
y2="71.728"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="96.664"
x2="320.046"
y1="73.255"
y2="73.255"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="96.664"
x2="320.046"
y1="102.755"
y2="102.755"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="316.284"
x2="430.701"
y1="388.011"
y2="388.011"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="138.007"
x2="280.342"
y1="442.301"
y2="442.301"
gradientTransform="matrix(1 0 0 -1 131.009 566.266)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="136.721"
x2="280.808"
y1="443.804"
y2="443.804"
gradientTransform="matrix(1 0 0 -1 131.009 566.266)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="136.721"
x2="280.808"
y1="473.304"
y2="473.304"
gradientTransform="matrix(1 0 0 -1 131.009 566.266)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="336.998"
x2="496.093"
y1="388.012"
y2="388.012"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="185.274"
x2="324.72"
y1="442.277"
y2="442.277"
gradientTransform="matrix(1 0 0 -1 131.009 828.283)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="221.498"
x2="479.173"
y1="125.994"
y2="125.994"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="221.498"
x2="479.173"
y1="127.52"
y2="127.52"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="A"
x1="221.498"
x2="479.173"
y1="157.02"
y2="157.02"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="316.284"
x2="398.512"
y1="125.994"
y2="125.994"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="286.498"
x2="355.505"
y1="127.737"
y2="127.737"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="54.266"
x2="189.998"
y1="125.994"
y2="125.994"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="E"
x1="-28.14"
x2="185.738"
y1="125.938"
y2="125.938"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="F"
x1="-34.345"
x2="189.038"
y1="127.52"
y2="127.52"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="G"
x1="-34.345"
x2="189.038"
y1="157.02"
y2="157.02"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="65.998"
x2="204.679"
y1="125.994"
y2="125.994"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="I"
x1="56.266"
x2="193.712"
y1="388.011"
y2="388.011"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="J"
x1="5.712"
x2="149.799"
y1="388.011"
y2="388.011"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="5.712"
x2="149.799"
y1="389.538"
y2="389.538"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="L"
x1="5.712"
x2="149.799"
y1="419.038"
y2="419.038"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="M"
x1="54.267"
x2="136.495"
y1="388.011"
y2="388.011"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="N"
x1="24.48"
x2="93.487"
y1="389.755"
y2="389.755"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="O"
x1="185.275"
x2="324.721"
y1="442.276"
y2="442.276"
gradientTransform="matrix(1 0 0 -1 185.274 697.274)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="P"
x1="314.498"
x2="509.808"
y1="257.002"
y2="257.002"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="Q"
x1="314.498"
x2="509.808"
y1="288.029"
y2="288.029"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="R"
x1="363.998"
x2="478.551"
y1="257.002"
y2="257.002"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="S"
x1="136.721"
x2="280.808"
y1="443.803"
y2="443.803"
gradientTransform="matrix(1 0 0 -1 185.274 697.274)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="T"
x1="305.498"
x2="446.506"
y1="212.571"
y2="212.571"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="U"
x1="305.498"
x2="446.506"
y1="324.397"
y2="324.397"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="V"
x1="305.498"
x2="446.506"
y1="288.029"
y2="288.029"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M139.447 254.998c0 38.507-31.216 69.723-69.723 69.723C38.248 324.721 2 293.505 2 254.998s39.998-69.723 67.723-69.723c38.507-.001 69.724 31.216 69.724 69.723z"
/>
<path
fill="url(#d)"
d="M69.723 185.275c-4.271 0-8.446 3.405-12.506 4.14 4.067.737 8.011-1.174 11.8.235 26.521 9.863 45.418 35.391 45.418 65.348a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558a70.103 70.103 0 0 0 12.506 1.14c38.507 0 69.723-31.216 69.723-69.723s-31.217-69.723-69.724-69.723z"
/>
<circle cx="79.392" cy="223.971" r="14.75" fill="url(#e)" />
<path
fill="url(#f)"
d="M0 254.998c0 38.507 31.216 69.723 69.723 69.723V185.275C31.216 185.275 0 216.491 0 254.998z"
/>
<circle cx="34.468" cy="253.471" r="14.75" fill="url(#g)" />
<path
fill="url(#h)"
d="M64.642 223.971c0 4.443 1.974 8.418 5.082 11.122v-22.244c-3.109 2.704-5.082 6.679-5.082 11.122z"
/>
<path
fill="url(#i)"
d="M62.276 289.041c-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558a70.103 70.103 0 0 0 12.506 1.14v-50.583c-4.163 3.768-6.963 9.024-7.448 14.903z"
/>
<path
fill="url(#j)"
d="M57.218 186.415c4.322.783 8.5 1.976 12.506 3.516v-4.656a70.01 70.01 0 0 0-12.506 1.14z"
/>
<circle cx="254.998" cy="69.723" r="69.723" fill="url(#k)" />
<path
fill="url(#l)"
d="M254.998 0a70.12 70.12 0 0 0-12.506 1.14c32.536 5.896 57.218 34.347 57.218 68.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.621-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.574-6.756 18.422-.912.204-1.832.39-2.757.558a70.01 70.01 0 0 0 12.506 1.14c38.507 0 69.723-31.216 69.723-69.723S293.505 0 254.998 0z"
/>
<circle cx="219.742" cy="68.197" r="14.75" fill="url(#m)" />
<circle cx="264.666" cy="38.697" r="14.75" fill="url(#n)" />
<circle cx="254.998" cy="440.272" r="69.723" fill="url(#o)" />
<path
fill="url(#p)"
d="M254.998 370.549a70.12 70.12 0 0 0-12.506 1.14c32.536 5.896 57.218 34.347 57.218 68.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558a70.103 70.103 0 0 0 12.506 1.14c38.507 0 69.723-31.216 69.723-69.723s-31.217-69.723-69.724-69.723z"
/>
<circle cx="219.742" cy="438.745" r="14.75" fill="url(#q)" />
<circle cx="264.666" cy="409.245" r="14.75" fill="url(#r)" />
<path
fill="url(#s)"
d="M373.492 192.57c-33.148-6.01-57.208-34.853-57.208-68.581s24.06-62.571 57.209-68.581c33.148 6.011 57.208 34.854 57.208 68.581s-24.06 62.57-57.209 68.581z"
/>
<path
fill="url(#t)"
d="M386.007 55.266c-4.271 0-8.233-.174-12.506.14 32.536 5.896 57.218 34.347 57.218 68.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.574-6.756 18.422-.912.204-1.832.39-2.757.558 4.719.14 8.234.14 12.506.14 38.507 0 68.723-30.216 68.723-68.723s-30.218-68.723-68.724-68.723z"
/>
<circle cx="350.751" cy="122.462" r="14.75" fill="url(#u)" />
<circle cx="395.675" cy="92.962" r="14.75" fill="url(#v)" />
<path
fill="url(#w)"
d="M386.007 54.266a70.12 70.12 0 0 0-12.506 1.14c32.536 5.896 57.218 34.347 57.218 68.583a69.36 69.36 0 0 1-7.286 31.021c-9.201 18.476-26.367 32.281-47 36.953-.06.014-.115.038-.175.051-.143.032-.288.056-.432.087a74.26 74.26 0 0 1-1.702.344c-.209.04-.414.088-.624.126a70.103 70.103 0 0 0 12.506 1.14c38.507 0 69.723-31.216 69.723-69.723s-31.216-69.722-69.722-69.722z"
/>
<circle cx="386.006" cy="386.006" r="69.723" fill="url(#x)" />
<path
fill="url(#y)"
d="M386.007 316.283a70.12 70.12 0 0 0-12.506 1.14c32.536 5.896 57.218 34.347 57.218 68.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558a70.103 70.103 0 0 0 12.506 1.14c38.507 0 69.723-31.216 69.723-69.723s-31.218-69.723-69.724-69.723z"
/>
<circle cx="350.751" cy="384.48" r="14.75" fill="url(#z)" />
<circle cx="395.675" cy="354.98" r="14.75" fill="url(#A)" />
<path
fill="url(#B)"
d="M341.294 386.006c0-34.236 24.682-62.688 57.218-68.583a70.1 70.1 0 0 0-12.505-1.14c-38.507 0-69.723 31.216-69.723 69.723s31.216 69.723 69.723 69.723a70.1 70.1 0 0 0 12.505-1.14c-32.536-5.895-57.218-34.347-57.218-68.583z"
/>
<path
fill="url(#C)"
d="M336.001 384.48c0 4.9 2.399 9.23 6.077 11.912a70.136 70.136 0 0 1-.783-10.385c0-4.752.492-9.387 1.398-13.872-4.027 2.633-6.692 7.175-6.692 12.345z"
/>
<path
fill="url(#D)"
d="M189.998 386.006c0 38.507-27.502 69.723-66.009 69.723s-69.723-31.216-69.723-69.723 31.216-69.723 69.723-69.723 66.009 31.216 66.009 69.723z"
/>
<path
fill="url(#E)"
d="M123.989 318.283c-4.271 0-8.446-1.595-12.506-.86 32.536 5.896 57.218 34.347 57.218 68.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558 4.059.735 9.463-.088 13.734-.088 38.507 0 64.996-29.988 64.996-68.495s-27.718-67.723-66.225-67.723z"
/>
<circle cx="88.733" cy="384.48" r="14.75" fill="url(#F)" />
<circle cx="133.657" cy="354.98" r="14.75" fill="url(#G)" />
<path
fill="url(#H)"
d="M123.989 316.283a70.1 70.1 0 0 0-12.505 1.14c32.536 5.896 57.218 34.347 57.218 68.583s-24.682 62.688-57.218 68.583a70.1 70.1 0 0 0 12.505 1.14c38.507 0 69.723-31.216 69.723-69.723s-31.216-69.723-69.723-69.723z"
/>
<path
fill="url(#I)"
d="M193.712 123.989c0 34.237-24.677 62.71-57.214 68.604-4.058.735-8.239.119-12.509.119-38.507 0-67.723-30.216-67.723-68.723s29.216-68.723 67.723-68.723c4.27 0 8.451-.616 12.51.119 32.537 5.894 57.213 34.367 57.213 68.604z"
/>
<path
fill="url(#J)"
d="M123.989 55.266a70.12 70.12 0 0 0-12.506 1.14c32.536 5.896 57.218 33.347 57.218 67.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 15.574-6.756 17.422-.912.204-1.832.39-2.757.558a70.01 70.01 0 0 0 12.506 1.14c4.27 0 8.451.616 12.51-.119 32.537-5.894 57.213-34.368 57.213-68.604s-24.676-62.71-57.213-68.604c-4.06-.735-8.241-.119-12.511-.119z"
/>
<circle cx="88.733" cy="122.462" r="14.75" fill="url(#K)" />
<circle cx="133.657" cy="92.962" r="14.75" fill="url(#L)" />
<path
fill="url(#M)"
d="M79.277 123.989c0-34.236 24.682-62.688 57.218-68.583a70.1 70.1 0 0 0-12.505-1.14c-38.507 0-69.723 31.216-69.723 69.723s31.216 69.723 69.723 69.723a70.1 70.1 0 0 0 12.505-1.14c-32.536-5.896-57.218-34.348-57.218-68.583z"
/>
<path
fill="url(#N)"
d="M73.983 122.462c0 4.9 2.399 9.23 6.077 11.912a70.136 70.136 0 0 1-.783-10.385c0-4.752.492-9.387 1.398-13.872-4.027 2.634-6.692 7.175-6.692 12.345z"
/>
<circle cx="440.272" cy="254.998" r="69.723" fill="url(#O)" />
<path
fill="url(#P)"
d="M440.272 185.275a70.12 70.12 0 0 0-12.506 1.14c32.536 5.896 57.218 34.347 57.218 68.583a69.37 69.37 0 0 1-7.286 31.021c-2.359-10.62-12.135-18.449-23.616-17.755-11.157.674-20.339 9.637-21.257 20.777-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558a70.103 70.103 0 0 0 12.506 1.14c38.507 0 69.723-31.216 69.723-69.723s-31.217-69.723-69.724-69.723z"
/>
<circle cx="449.94" cy="223.971" r="14.75" fill="url(#Q)" />
<path
fill="url(#R)"
d="M370.549 254.998c0 38.507 31.216 69.723 69.723 69.723V185.275c-38.507 0-69.723 31.216-69.723 69.723z"
/>
<circle cx="405.017" cy="253.471" r="14.75" fill="url(#S)" />
<path
fill="url(#T)"
d="M432.825 289.041c-.482 5.852 1.252 11.288 4.455 15.56 5.085 6.783 1.517 16.573-6.756 18.422-.912.204-1.832.39-2.757.558a70.103 70.103 0 0 0 12.506 1.14v-50.583c-4.164 3.768-6.963 9.024-7.448 14.903z"
/>
<path
fill="url(#U)"
d="M427.767 186.415c4.322.783 8.5 1.976 12.506 3.516v-4.656a70.01 70.01 0 0 0-12.506 1.14z"
/>
<path
fill="url(#V)"
d="M435.19 223.971c0 4.443 1.974 8.418 5.082 11.122v-22.244c-3.108 2.704-5.082 6.679-5.082 11.122z"
/>
</svg>
More icons in the same style and category