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 flat 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"
>
<rect width="464" height="304" x="24" y="104" fill="#666" rx="19.647" />
<path
fill="#f6d386"
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="#eabf73" />
<path
fill="#eabf73"
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="#eabf73" />
<circle cx="272" cy="240" r="8" fill="#eabf73" />
<circle cx="284" cy="284" r="12" fill="#eabf73" />
<circle cx="232" cy="320" r="8" fill="#eabf73" />
<circle cx="200" cy="224" r="8" fill="#eabf73" />
<circle cx="280" cy="328" r="8" fill="#eabf73" />
<path
fill="#eabf73"
d="M359.31 299.34a111.048 111.048 0 0 1-10.98 20.06 16 16 0 1 1 10.98-20.06z"
/>
<g fill="#efc581">
<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" />
</g>
<path
fill="#eabf73"
d="M264 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="#faefd0" />
<circle cx="96" cy="280" r="8" fill="#faefd0" />
<circle cx="436" cy="156" r="12" fill="#faefd0" />
<circle cx="416" cy="344" r="8" fill="#faefd0" />
</svg>
More icons in the same style and category