Add icons to this collection by clicking the heart icon.
Moon icon - also known as nature, astronomy, moon, and meteorology. Created in a clean lineal color style with a gray, black, teal, navy, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-497c137.242 0 248.5 111.257 248.5 248.5C248.5-111.258 137.242 0 0 0"
transform="translate(256 504.5)"
fill="#1d54bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 137.242-97.826 248.5-218.5 248.5C-355.742 248.5-467 137.242-467 0c0-137.243 111.258-248.5 248.5-248.5C-97.826-248.5 0-137.243 0 0"
transform="translate(474.5 256)"
fill="#487ed2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-279.98c76.67.759 138.58 63.14 138.58 139.99C138.58-63.141 76.67-.761 0 0"
transform="translate(257.42 395.99)"
fill="#ffc85f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.47.01-.95.01-1.42.01-25.5 0-49.41-6.821-70-18.731v-242.54c20.59-11.909 44.5-18.729 70-18.729.47 0 .95 0 1.42.01 60.1.969 108.58 63.27 108.58 139.99C108.58-63.271 60.1-.971 0 0"
transform="translate(257.42 395.99)"
fill="#ffe278"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c41.84-24.21 70-69.449 70-121.27 0-51.82-28.16-97.059-70-121.269-41.84 24.199-70 69.449-70 121.269C-70-69.449-41.84-24.199 0 0"
transform="translate(186 377.27)"
fill="#12398f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143 3.357-7.5 7.5-7.5S15-4.143 15 0s-3.357 7.5-7.5 7.5A7.499 7.499 0 0 1 0 0"
transform="translate(293.5 176)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.143 3.357 7.5 7.5 7.5S15 4.143 15 0s-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0 0 0"
transform="translate(293.5 336)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143 3.357-7.5 7.5-7.5S15-4.143 15 0s-3.357 7.5-7.5 7.5A7.499 7.499 0 0 1 0 0"
transform="translate(323.5 206)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 77.32 62.68 140 140 140S280 77.32 280 0s-62.68-140-140-140S0-77.32 0 0Z"
transform="translate(116 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c41.845 24.206 70 69.446 70 121.266 0 51.818-28.155 97.058-70 121.265"
transform="translate(186 134.734)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-38.885-43.858-62.508-101.555-62.508-164.778 0-137.243 111.258-248.5 248.5-248.5 137.242 0 248.5 111.257 248.5 248.5 0 137.242-111.258 248.5-248.5 248.5-63.223 0-120.92-23.624-164.778-62.509"
transform="translate(70.008 420.778)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category