Add icons to this collection by clicking the heart icon.
Moon icon - also known as night, nature, mountains, landscape, moon, and lagoon. Created in a clean circular style with a white, gray, and navy finish, 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 134 134"
>
<linearGradient
id="d"
x1="67"
x2="67"
y1="99.774"
y2="6.02"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a08ce0" />
<stop offset="1" stop-color="#8978d1" />
</linearGradient>
<linearGradient
id="e"
x1="64.087"
x2="68.757"
y1="47.842"
y2="75.64"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".411" stop-color="#f6f9fa" />
<stop offset="1" stop-color="#e2eaef" />
</linearGradient>
<linearGradient
id="f"
x1="66.832"
x2="65.733"
y1="94.706"
y2="126.026"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7062bf" />
<stop offset="1" stop-color="#5a52aa" />
</linearGradient>
<linearGradient
id="g"
x1="66.89"
x2="67.896"
y1="113.602"
y2="131.205"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7062bf" />
<stop offset=".443" stop-color="#6a5eb9" />
<stop offset="1" stop-color="#5a52aa" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#403e9b" />
<stop offset=".062" stop-color="#42409c" />
<stop offset=".602" stop-color="#544da6" />
<stop offset="1" stop-color="#5a52aa" />
</linearGradient>
<linearGradient
id="h"
x1="108.707"
x2="108.948"
y1="98.991"
y2="114.82"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#5a52aa" />
<stop offset=".398" stop-color="#544da6" />
<stop offset=".938" stop-color="#42409c" />
<stop offset="1" stop-color="#403e9b" />
</linearGradient>
<linearGradient
id="i"
x1="-4087.87"
x2="-4086.912"
y1="465.767"
y2="482.536"
gradientTransform="rotate(180 -1997.645 290.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-4071.137"
x2="-4070.179"
y1="465.767"
y2="482.536"
gradientTransform="rotate(180 -1997.645 290.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-4054.404"
x2="-4053.446"
y1="465.767"
y2="482.536"
gradientTransform="rotate(180 -1997.645 290.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="-4037.671"
x2="-4036.712"
y1="465.767"
y2="482.536"
gradientTransform="rotate(180 -1997.645 290.75)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="24.755"
x2="25.714"
y1="98.96"
y2="115.733"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="66.925"
x2="67.385"
y1="95.678"
y2="103.729"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#8978d1" />
<stop offset=".312" stop-color="#7f70c8" />
<stop offset=".846" stop-color="#6359b2" />
<stop offset="1" stop-color="#5a52aa" />
</linearGradient>
<linearGradient
id="o"
x1="43.156"
x2="45.765"
y1="19.709"
y2="30.023"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="75.264"
x2="78.958"
y1="25.448"
y2="40.048"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M131 66.99c0 35.35-28.64 64.01-63.99 64.01S3 102.34 3 66.99C3 31.65 31.66 3 67.01 3S131 31.65 131 66.99z"
/>
<path
fill="#fff"
d="M124.69 66.99c0 30.62-25.82 55.45-57.68 55.45S9.31 97.62 9.31 66.99c0-30.62 25.83-55.44 57.7-55.44s57.68 24.83 57.68 55.44z"
opacity=".1"
/>
<path
fill="#fff"
d="M114.11 66.99c0 25.01-21.08 45.28-47.1 45.28S19.89 92 19.89 66.99c0-25 21.09-45.27 47.11-45.27s47.11 20.27 47.11 45.27z"
opacity=".1"
/>
<path
fill="#fff"
d="M98.2 67c0 16.56-13.96 29.99-31.19 29.99S35.8 83.56 35.8 67 49.77 37.02 67 37.02 98.2 50.44 98.2 67z"
opacity=".1"
/>
<path
fill="url(#e)"
d="M86.3 66.99c0 10.49-8.51 19-19 19s-19-8.51-19-19S56.81 48 67.3 48s19 8.5 19 18.99z"
/>
<g fill="#5a52aa">
<path
d="M42.26 84.89 5.13 83.42c-1.1-4.16-1.8-8.48-2.04-12.93v-.01c3.7-6.9 7.72-13.64 12.04-20.18.27-.41.57-.85 1.02-1.06.79-.37 1.65.12 2.32.63 5.63 4.26 9.36 10.53 12.96 16.65 3.61 6.12 7.22 12.25 10.83 18.37z"
/>
<path
d="M34.08 82.31c3.83-8.21 8.27-16.15 13.28-23.73.2-.3.41-.61.74-.76.57-.27 1.2.09 1.68.45 4.07 3.09 6.78 7.62 9.39 12.05s5.23 8.87 7.84 13.3zM70.91 83.08A255 255 0 0 1 89.26 50.3c.27-.41.57-.85 1.02-1.06.79-.37 1.66.12 2.32.62 5.63 4.27 9.36 10.53 12.97 16.65 3.61 6.13 7.22 12.25 10.83 18.38z"
/>
<path
d="M131 66.99c0 5.58-.71 10.99-2.05 16.15l-20.74-.83c3.83-8.21 8.27-16.15 13.28-23.73.2-.3.42-.62.74-.77.57-.27 1.2.09 1.68.45 2.91 2.21 5.11 5.15 7.08 8.27.01.15.01.31.01.46z"
/>
</g>
<path
fill="#403e9b"
d="M131 66.99c0 35.35-28.64 64.01-63.99 64.01-32.35 0-59.1-24-63.4-55.17.81-1.11 1.54-2.31 2.32-3.44 1.54-2.24 3.61-4.43 6.31-4.78 3.34-.43 6.29 2.08 8.5 4.62 2.2 2.55 4.46 7.43 7.64 6.33 4.04-1.39 5.13-6.82 7.69-10.23.47-.62 1-1.29 1.75-1.49 1.24-.34 2.4.68 3.29 1.61 4.06 4.31 6.28 13.17 12.2 12.93 2.67-.11 2.33-6.15 5-6.24 3.4-.11 4.72 5.09 7.9 6.28s7.35.48 9.03-2.47c.73-1.29.9-2.81 1.41-4.2.52-1.39 1.58-2.77 3.06-2.87 2.61-.18 3.64 3.3 5.64 5 2.32 1.98 6.06 1.24 8.38-.74 2.32-1.99 3.61-4.89 4.96-7.63s2.59-7.24 5.64-7.04c4.7.32 5.87 7.42 9.58 10.31 1.01.78 2.15 1.44 3.41 1.64 3.22.53 6.13-1.93 8.27-4.4 1.62-1.86 3.26-3.93 5.34-5.11.05 1.02.07 2.05.07 3.08z"
/>
<path
fill="url(#f)"
d="M7.23 89.88C16.45 113.92 39.73 131 67.01 131s50.55-17.08 59.76-41.11H7.23z"
/>
<path
fill="url(#g)"
d="M25.43 115.63C36.61 125.21 51.13 131 67.01 131s30.39-5.79 41.57-15.37z"
/>
<path
fill="url(#h)"
d="M111.09 99.07v14.3c-.82.79-1.66 1.55-2.52 2.27h-1.99V99.07z"
/>
<path fill="url(#i)" d="M89.84 99.07h4.51v16.57h-4.51z" />
<path fill="url(#j)" d="M73.11 99.07h4.51v16.57h-4.51z" />
<path fill="url(#k)" d="M56.38 99.07h4.51v16.57h-4.51z" />
<path fill="url(#l)" d="M39.64 99.07h4.51v16.57h-4.51z" />
<path
fill="url(#m)"
d="M27.43 99.07v16.57h-1.99c-.86-.72-1.71-1.48-2.53-2.28V99.07z"
/>
<path
fill="url(#n)"
d="M123.53 96.99c-.91 1.72-1.9 3.39-2.96 5.01H13.43a62.737 62.737 0 0 1-2.96-5.01z"
/>
<g fill="#403e9b">
<path
d="M33.04 92.44c0 1.03-.82 1.86-1.86 1.86-1.03 0-1.86-.84-1.86-1.86s.84-1.86 1.86-1.86c1.04-.01 1.86.83 1.86 1.86z"
/>
<path
d="M34.08 96.59c0 1.21-1.65 6.62-2.46 9.21-.13.43-.74.43-.88 0-.81-2.59-2.47-8-2.47-9.21 0-1.61 1.3-2.91 2.91-2.91 1.6-.01 2.9 1.3 2.9 2.91z"
/>
</g>
<g fill="#403e9b">
<path
d="M83.81 92.44c0 1.03-.82 1.86-1.86 1.86-1.03 0-1.86-.84-1.86-1.86s.84-1.86 1.86-1.86c1.04-.01 1.86.83 1.86 1.86z"
/>
<path
d="M84.85 96.59c0 1.21-1.65 6.62-2.46 9.21-.13.43-.74.43-.88 0-.81-2.59-2.47-8-2.47-9.21 0-1.61 1.3-2.91 2.91-2.91 1.6-.01 2.9 1.3 2.9 2.91z"
/>
</g>
<g fill="#403e9b">
<path
d="M33.86 51.91a1.097 1.097 0 0 0-1.49-1.54v-.02c0-.52-.43-.95-.95-.95-.23 0-.45.09-.62.23a.636.636 0 0 0-.63-.55.67.67 0 0 0-.37.11c.07-.1.11-.23.11-.37 0-.32-.24-.59-.55-.63.14-.17.23-.38.23-.62 0-.52-.43-.95-.95-.95h-.02a1.097 1.097 0 0 0-1.54-1.49c.99-.75 1.98-1.05 2.97-1.05.3 0 .59.03.89.08-.74.8-.58 2.08.34 2.65.2.12.4.22.6.28.07.2.16.41.29.6.57.92 1.85 1.08 2.65.34.05.3.08.59.08.89.01 1.01-.29 2.01-1.04 2.99z"
/>
<path
d="M32.53 47.66c-.26.26-.73.2-1.06-.13s-.39-.8-.13-1.06.73-.2 1.06.13.39.8.13 1.06z"
/>
<path
d="m32.18 45.85-.84.62.61.18.4-.65c.03-.05.02-.1-.02-.14-.04-.04-.11-.05-.15-.01zM33 46.66l-.65.39.18.61.62-.84c.03-.05.03-.11-.01-.15-.04-.03-.1-.04-.14-.01z"
/>
</g>
<g fill="#403e9b">
<path
d="M99.75 52.41a1.62 1.62 0 0 1 2.2-2.28v-.03c0-.77.63-1.4 1.4-1.4.35 0 .67.13.91.34a.93.93 0 0 1 .93-.81c.2 0 .39.06.54.17a.913.913 0 0 1-.17-.54c0-.47.35-.86.81-.93-.21-.25-.34-.57-.34-.91 0-.77.63-1.4 1.4-1.4h.03a1.62 1.62 0 0 1 2.28-2.2c-1.45-1.1-2.92-1.55-4.39-1.55-.44 0-.87.04-1.31.11 1.09 1.18.86 3.07-.5 3.91-.29.18-.59.32-.89.42-.1.3-.24.6-.42.89-.84 1.36-2.74 1.59-3.91.5-.07.44-.11.87-.11 1.31-.01 1.48.44 2.95 1.54 4.4z"
/>
<path
d="M101.71 46.14c.38.38 1.08.29 1.56-.19.49-.49.57-1.19.2-1.56-.38-.38-1.08-.29-1.56.2-.49.47-.58 1.17-.2 1.55z"
/>
<path
d="m102.24 43.46 1.23.92-.91.27-.58-.96a.168.168 0 0 1 .03-.21c.06-.06.16-.07.23-.02zM101.02 44.65l.96.58-.27.91-.92-1.23a.168.168 0 0 1 .02-.22c.06-.07.14-.08.21-.04z"
/>
</g>
<path
fill="url(#o)"
d="M56.15 27.44c0 1.74-1.41 3.16-3.16 3.16H37.24a3.16 3.16 0 1 1 1.26-6.06c.32-.85 1.06-1.5 1.97-1.69a4.242 4.242 0 0 1 4.17-3.47c1.7 0 3.16 1 3.83 2.44.32-.14.68-.22 1.05-.22a2.67 2.67 0 0 1 2.67 2.67v.1a3.175 3.175 0 0 1 3.96 3.07z"
/>
<path
fill="url(#p)"
d="M93.65 36.39c0 2.47-2 4.47-4.47 4.47H66.89c-2.47 0-4.48-2-4.48-4.47s2.01-4.48 4.48-4.48c.64 0 1.24.13 1.78.37.45-1.21 1.5-2.13 2.79-2.39a6.003 6.003 0 0 1 5.9-4.91c2.4 0 4.47 1.41 5.42 3.45.46-.2.96-.3 1.49-.3 2.09 0 3.77 1.69 3.77 3.78v.14c.36-.09.75-.14 1.14-.14 2.47.01 4.47 2.01 4.47 4.48z"
/>
</svg>
More icons in the same style and category