Add icons to this collection by clicking the heart icon.
Moon icon - also known as night, nature, weather, sky, moon, and full moon. Created in a clean outline color 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 512 512"
>
<g>
<rect
width="464"
height="304"
x="24"
y="104"
fill="#537dbd"
rx="19.647"
/>
<path
fill="#f2f2f2"
d="M368 256a112 112 0 0 1-104.6 111.76c-2.45.16-4.91.24-7.4.24a112 112 0 1 1 112-112z"
/>
<circle cx="284" cy="196" r="12" fill="#74a7d6" />
<path
fill="#74a7d6"
d="M344 188a12.011 12.011 0 1 1-9.3-11.69 112.573 112.573 0 0 1 9.22 10.3A12.807 12.807 0 0 1 344 188z"
/>
<circle cx="328" cy="240" r="8" fill="#74a7d6" />
<circle cx="272" cy="240" r="8" fill="#74a7d6" />
<circle cx="284" cy="284" r="12" fill="#74a7d6" />
<circle cx="232" cy="320" r="8" fill="#74a7d6" />
<circle cx="200" cy="224" r="8" fill="#74a7d6" />
<circle cx="280" cy="328" r="8" fill="#74a7d6" />
<path
fill="#74a7d6"
d="M359.31 299.34a111.048 111.048 0 0 1-10.98 20.06 16 16 0 1 1 10.98-20.06zM264 364a11.942 11.942 0 0 1-.6 3.76c-2.45.16-4.91.24-7.4.24a112.036 112.036 0 0 1-15.64-1.09A11.6 11.6 0 0 1 240 364a12 12 0 0 1 24 0z"
/>
<circle cx="68" cy="148" r="12" fill="#86c1ed" />
<circle cx="96" cy="280" r="8" fill="#86c1ed" />
<circle cx="436" cy="156" r="12" fill="#86c1ed" />
<circle cx="416" cy="344" r="8" fill="#86c1ed" />
<g fill="#325489">
<path
d="M468.353 100H43.647A23.674 23.674 0 0 0 20 123.647v264.706A23.674 23.674 0 0 0 43.647 412h424.706A23.674 23.674 0 0 0 492 388.353V123.647A23.674 23.674 0 0 0 468.353 100zM484 388.353A15.666 15.666 0 0 1 468.353 404H43.647A15.666 15.666 0 0 1 28 388.353V123.647A15.666 15.666 0 0 1 43.647 108h424.706A15.666 15.666 0 0 1 484 123.647z"
/>
<path
d="M256 140a116 116 0 1 0 116 116 116.131 116.131 0 0 0-116-116zm76 40c.231 0 .463.02.695.04a108.819 108.819 0 0 1 7.3 8.149A8 8 0 1 1 332 180zm-87.966 183.333a7.995 7.995 0 0 1 15.962.585c-1.327.049-10.25.354-15.962-.585zM344 316a12 12 0 1 1 10.985-16.827 107.893 107.893 0 0 1-9.124 16.667A11.836 11.836 0 0 1 344 316zm14.463-25.848a20.009 20.009 0 1 0-18.318 33.467 107.953 107.953 0 0 1-72.179 39.714 15.984 15.984 0 0 0-31.851-1.175A107.995 107.995 0 1 1 325.492 173.4a15.99 15.99 0 1 0 20.308 22.662 107.89 107.89 0 0 1 12.666 94.09z"
/>
<path
d="M284 212a16 16 0 1 0-16-16 16.019 16.019 0 0 0 16 16zm0-24a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8zM328 228a12 12 0 1 0 12 12 12.013 12.013 0 0 0-12-12zm0 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4zM284 240a12 12 0 1 0-12 12 12.013 12.013 0 0 0 12-12zm-16 0a4 4 0 1 1 4 4 4 4 0 0 1-4-4zM284 268a16 16 0 1 0 16 16 16.019 16.019 0 0 0-16-16zm0 24a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zM232 308a12 12 0 1 0 12 12 12.013 12.013 0 0 0-12-12zm0 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4zM200 212a12 12 0 1 0 12 12 12.013 12.013 0 0 0-12-12zm0 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4zM280 316a12 12 0 1 0 12 12 12.013 12.013 0 0 0-12-12zm0 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<circle cx="236" cy="188" r="4" />
<circle cx="300" cy="228" r="4" />
<circle cx="316" cy="268" r="4" />
<circle cx="348" cy="260" r="4" />
<circle cx="308" cy="316" r="4" />
<circle cx="252" cy="300" r="4" />
<circle cx="244" cy="260" r="4" />
<circle cx="204" cy="260" r="4" />
<circle cx="172" cy="276" r="4" />
<circle cx="188" cy="188" r="4" />
<path
d="M68 164a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16zm0-24a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zM96 292a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM436 172a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16zm0-24a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zM416 356a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4z"
/>
</g>
</g>
</svg>
More icons in the same style and category