Add icons to this collection by clicking the heart icon.
Crescent Moon icon - also known as night, nature, weather, moon phase, crescent moon, and half moon. Created in a clean flat style with a white, silver, gray, black, 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="100"
height="100"
viewBox="0 0 499.6 499.6"
>
<circle cx="249.6" cy="250" r="249.6" fill="#063f66" />
<path
d="M72.8 73.2c97.6-97.6 256-97.6 353.6 0s97.6 256 0 353.6"
fill="#022730"
/>
<ellipse cx="133.6" cy="425.2" rx="2.4" ry="21.6" fill="#dcf9f6" />
<ellipse cx="133.6" cy="426" rx="21.6" ry="2.4" fill="#dcf9f6" />
<ellipse
cx="426.474"
cy="150.981"
rx="21.6"
ry="2.4"
transform="rotate(-45.138 426.474 150.985)"
fill="#dcf9f6"
/>
<ellipse
cx="426.225"
cy="151.245"
rx="21.6"
ry="2.4"
transform="rotate(45.138 426.227 151.242)"
fill="#dcf9f6"
/>
<ellipse cx="366.4" cy="84.4" rx=".8" ry="9.6" fill="#dcf9f6" />
<ellipse cx="366.4" cy="84.4" rx="9.6" ry=".8" fill="#dcf9f6" />
<ellipse
cx="178.387"
cy="102.907"
rx="10.4"
ry=".8"
transform="rotate(-135.292 178.387 102.907)"
fill="#dcf9f6"
/>
<ellipse
cx="178.491"
cy="102.742"
rx="10.4"
ry=".8"
transform="rotate(-44.708 178.49 102.741)"
fill="#dcf9f6"
/>
<ellipse
cx="96.571"
cy="365.441"
rx="10.4"
ry=".8"
transform="rotate(-135.145 96.57 365.442)"
fill="#dcf9f6"
/>
<ellipse
cx="97.139"
cy="365.198"
rx="10.4"
ry=".8"
transform="rotate(-44.855 97.137 365.2)"
fill="#dcf9f6"
/>
<ellipse
cx="303.395"
cy="74.884"
rx="4.8"
ry=".8"
transform="rotate(-45.583 303.383 74.881)"
fill="#dcf9f6"
/>
<ellipse
cx="303.501"
cy="75.23"
rx="4.8"
ry=".8"
transform="rotate(45.583 303.488 75.226)"
fill="#dcf9f6"
/>
<ellipse
cx="215.49"
cy="446.725"
rx="4.8"
ry=".8"
transform="rotate(-45.292 215.492 446.723)"
fill="#dcf9f6"
/>
<ellipse
cx="215.804"
cy="447.211"
rx="4.8"
ry=".8"
transform="rotate(45.292 215.802 447.21)"
fill="#dcf9f6"
/>
<circle cx="249.6" cy="250" r="160" fill="#dcf9f6" />
<path d="M249.6 410c-88 0-160-72-160-160s72-160 160-160" fill="#95bfb9" />
<path
d="M249.6 410c-88 0-86.4-72-86.4-160s-1.6-160 86.4-160"
fill="#caede7"
/>
<circle cx="138.4" cy="165.2" r="9.6" fill="#78a8a0" />
<circle cx="124.8" cy="201.2" r="1.6" fill="#78a8a0" />
<circle cx="189.6" cy="222" r="29.6" fill="#78a8a0" />
<circle cx="202.4" cy="157.2" r="8" fill="#78a8a0" />
<circle cx="257.6" cy="153.2" r="2.4" fill="#c3e5e0" />
<circle cx="278.4" cy="126" r="2.4" fill="#78a8a0" />
<circle cx="201.6" cy="127.6" r="4" fill="#78a8a0" />
<circle cx="233.6" cy="114" r="1.6" fill="#78a8a0" />
<circle cx="270.4" cy="206" r="6.4" fill="#c3e5e0" />
<circle cx="318.4" cy="202" r="4" fill="#c3e5e0" />
<circle cx="328.8" cy="156.4" r="6.4" fill="#c3e5e0" />
<circle cx="300.8" cy="285.2" r="17.6" fill="#c3e5e0" />
<circle cx="156" cy="295.6" r="5.6" fill="#78a8a0" />
<circle cx="213.6" cy="271.6" r="2.4" fill="#78a8a0" />
<circle cx="241.6" cy="331.6" r="9.6" fill="#78a8a0" />
<circle cx="124.8" cy="254.8" r="6.4" fill="#78a8a0" />
<circle cx="267.2" cy="250.8" r="1.6" fill="#c3e5e0" />
<circle cx="344" cy="254" r="4" fill="#95bfb9" />
<circle cx="174.4" cy="339.6" r="9.6" fill="#78a8a0" />
<circle cx="193.6" cy="305.2" r="3.2" fill="#78a8a0" />
<circle cx="292.8" cy="342.8" r="3.2" fill="#c3e5e0" />
<circle cx="241.6" cy="369.2" r="2.4" fill="#78a8a0" />
<circle cx="201.6" cy="365.2" r="1.6" fill="#78a8a0" />
<circle cx="332.8" cy="328.4" r="6.4" fill="#95bfb9" />
<circle cx="284" cy="375.6" r="4" fill="#c3e5e0" />
<circle cx="245.6" cy="289.2" r="3.2" fill="#78a8a0" />
<circle cx="353.6" cy="300.4" r="6.4" fill="#95bfb9" />
<circle cx="134.4" cy="323.6" r="5.6" fill="#78a8a0" />
<circle cx="309.6" cy="241.2" r="7.2" fill="#c3e5e0" />
</svg>
More icons in the same style and category