Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as nature, space, weather, sun, sky, moon, eclipse, astral, and meteorology. Created in a clean flat style with a gray, yellow, purple, 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="512"
height="512"
viewBox="0 0 512 512"
>
<circle cx="259.75" cy="256" r="132.533" fill="#e8e03c" />
<circle cx="259.75" cy="256" r="132.533" fill="#5c545f" />
<path
fill="#4b3f4e"
d="M259.75 123.467c-3.875 0-7.709.176-11.5.502 67.81 5.83 121.033 62.71 121.033 132.031S316.06 382.201 248.25 388.031c3.791.326 7.625.502 11.5.502 73.196 0 132.533-59.337 132.533-132.533S332.946 123.467 259.75 123.467z"
/>
<path
fill="#ffe07d"
d="M259.75 97.834a7.5 7.5 0 0 1-7.5-7.5V7.5a7.5 7.5 0 0 1 15 0v82.834a7.5 7.5 0 0 1-7.5 7.5zM142.606 146.356a7.472 7.472 0 0 1-5.303-2.197L78.731 85.587a7.5 7.5 0 0 1 0-10.606 7.5 7.5 0 0 1 10.606 0l58.572 58.572a7.5 7.5 0 0 1 0 10.606 7.474 7.474 0 0 1-5.303 2.197zM94.083 263.5H11.25a7.5 7.5 0 0 1 0-15h82.833a7.5 7.5 0 0 1 0 15zM84.034 439.216a7.472 7.472 0 0 1-5.303-2.197 7.5 7.5 0 0 1 0-10.606l58.572-58.572a7.5 7.5 0 0 1 10.607 10.607L89.338 437.02a7.483 7.483 0 0 1-5.304 2.196zM259.75 512a7.5 7.5 0 0 1-7.5-7.5v-82.833a7.5 7.5 0 0 1 15 0V504.5a7.5 7.5 0 0 1-7.5 7.5zM435.466 439.216a7.478 7.478 0 0 1-5.304-2.197l-36.85-36.832a7.5 7.5 0 0 1 10.607-10.606l36.85 36.832a7.5 7.5 0 0 1-5.303 12.803zM395.28 127.947a7.5 7.5 0 0 1-5.304-12.803l40.186-40.163a7.5 7.5 0 0 1 10.607 10.606l-40.186 40.163a7.48 7.48 0 0 1-5.303 2.197z"
/>
<path
fill="#fff0af"
d="M196.355 110.446a7.504 7.504 0 0 1-6.932-4.632l-15.85-38.264a7.5 7.5 0 1 1 13.858-5.74l15.85 38.264a7.5 7.5 0 0 1-6.926 10.372zM106.691 200.104a7.472 7.472 0 0 1-2.867-.573l-38.264-15.85a7.5 7.5 0 0 1 5.74-13.858l38.264 15.85a7.5 7.5 0 0 1-2.873 14.431zM68.433 342.75a7.503 7.503 0 0 1-2.873-14.431l38.264-15.85a7.5 7.5 0 1 1 5.74 13.858L71.3 342.177a7.487 7.487 0 0 1-2.867.573zM180.499 454.822a7.5 7.5 0 0 1-6.926-10.372l15.85-38.264a7.5 7.5 0 0 1 13.858 5.74l-15.85 38.264a7.503 7.503 0 0 1-6.932 4.632zM339 454.822a7.504 7.504 0 0 1-6.932-4.632l-15.85-38.264a7.498 7.498 0 0 1 4.059-9.799 7.498 7.498 0 0 1 9.799 4.059l15.85 38.264a7.499 7.499 0 0 1-4.059 9.799 7.472 7.472 0 0 1-2.867.573zM323.145 110.446a7.5 7.5 0 0 1-6.926-10.372l15.85-38.264a7.5 7.5 0 1 1 13.858 5.74l-15.85 38.264a7.504 7.504 0 0 1-6.932 4.632z"
/>
<path
fill="#ffe07d"
d="M459.578 152.642c-4.306 2.781-9.527 4.267-15.113 3.904-12.15-.79-22.071-10.516-23.099-22.648a24.949 24.949 0 0 1 .539-7.718c.666-2.892-.81-5.871-3.533-7.051-17.818-7.721-37.439-12.066-58.058-12.224-82.38-.631-150.098 66.406-150.264 148.789-.127 62.952 38.766 116.829 93.841 138.82 2.743 1.096 5.927.184 7.516-2.306 2.332-3.655 6.52-6.007 11.241-5.721 5.58.338 10.323 4.515 11.413 9.998.101.508.169 1.011.205 1.507.221 2.992 2.406 5.448 5.381 5.838a150.1 150.1 0 0 0 19.502 1.271c82.346 0 149.1-66.754 149.1-149.1 0-39.691-15.516-75.753-40.805-102.47-2.049-2.166-5.361-2.507-7.866-.889z"
/>
<circle
cx="359.159"
cy="222.866"
r="16.567"
fill="#ffd064"
transform="rotate(-80.8 359.106 222.912)"
/>
<circle cx="309.45" cy="173.167" r="24.85" fill="#ffa95f" />
<g fill="#ffd064">
<circle cx="276.317" cy="256" r="33.133" />
<path
d="M395.372 119.129c2.723 1.18 4.199 4.159 3.533 7.051a24.949 24.949 0 0 0-.539 7.718c1.028 12.132 10.949 21.857 23.099 22.648 4.78.311 9.287-.741 13.188-2.791-7.322-3.848-12.556-11.235-13.287-19.857a24.949 24.949 0 0 1 .539-7.718c.666-2.892-.81-5.871-3.533-7.051-17.818-7.721-37.439-12.066-58.058-12.224-4.251-.033-8.46.125-12.625.446 16.83 1.288 32.88 5.363 47.683 11.778zM467.445 153.531c-2.05-2.166-5.362-2.506-7.867-.889a24.687 24.687 0 0 1-12.353 3.915c23.639 26.384 38.025 61.229 38.025 99.442 0 78.434-60.564 142.721-137.477 148.652 3.757.285 7.547.448 11.377.448 82.346 0 149.1-66.755 149.1-149.1 0-39.69-15.516-75.752-40.805-102.468z"
/>
</g>
</svg>
More icons in the same style and category