Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as nature, weather, astronomy, sun, moon, and eclipse. Created in a clean lineal color style with a white, silver, maroon, 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 300 300"
>
<circle cx="120" cy="120" r="92" fill="#efefd2" />
<path
fill="#fc8c29"
d="M69.13 192.006C84.012 222.777 115.528 244 152 244c50.81 0 92-41.19 92-92s-41.19-92-92-92-92 41.19-92 92a92.177 92.177 0 0 0 2.956 23.224"
/>
<path
fill="#4c241d"
d="M152 248c-36.59 0-70.533-21.295-86.471-54.252a4.003 4.003 0 0 1 1.859-5.344 3.998 3.998 0 0 1 5.344 1.859C87.342 220.479 118.457 240 152 240c48.523 0 88-39.477 88-88s-39.477-88-88-88-88 39.477-88 88c0 7.527.951 15.002 2.828 22.219a4 4 0 1 1-7.742 2.012A96.357 96.357 0 0 1 56 152c0-52.934 43.066-96 96-96s96 43.066 96 96-43.066 96-96 96z"
/>
<path
fill="#fff"
d="M219.896 113.664a3.996 3.996 0 0 1-3.396-1.881 76.344 76.344 0 0 0-29.131-27.068 4.002 4.002 0 0 1-1.674-5.404 4.005 4.005 0 0 1 5.404-1.674 84.378 84.378 0 0 1 32.186 29.908 4.002 4.002 0 0 1-3.389 6.119z"
/>
<path
fill="#b5a19c"
d="M152 80c-20.694 0-39.297 8.78-52.43 22.759 2.683 2.201 4.43 5.5 4.43 9.241 0 6.627-5.373 12-12 12-2.053 0-3.956-.563-5.645-1.472C82.306 131.531 80 141.488 80 152c0 39.764 32.236 72 72 72s72-32.236 72-72c0-39.765-32.236-72-72-72z"
/>
<path
fill="#4c241d"
d="M152 228c-41.906 0-76-34.094-76-76 0-10.752 2.256-21.221 6.707-31.113a4.004 4.004 0 0 1 2.363-2.148 4.014 4.014 0 0 1 3.182.268C93.756 121.979 100 117.674 100 112c0-2.359-1.082-4.6-2.967-6.148a4.001 4.001 0 0 1-.379-5.83C111.209 84.531 130.863 76 152 76c41.906 0 76 34.094 76 76s-34.094 76-76 76zM88.564 127.609A67.208 67.208 0 0 0 84 152c0 37.496 30.504 68 68 68s68-30.504 68-68-30.504-68-68-68c-17.672 0-34.191 6.672-46.91 18.867A15.802 15.802 0 0 1 108 112c0 8.822-7.178 16-16 16-1.16 0-2.307-.131-3.436-.391z"
/>
<g fill="#4c241d">
<path
d="M152 52a4 4 0 0 1-4-4V36a4 4 0 0 1 8 0v12a4 4 0 0 1-4 4zM152 272a4 4 0 0 1-4-4v-12a4 4 0 0 1 8 0v12a4 4 0 0 1-4 4zM48 156H36a4 4 0 0 1 0-8h12a4 4 0 0 1 0 8zM268 156h-12a4 4 0 0 1 0-8h12a4 4 0 0 1 0 8zM225.539 82.461a4 4 0 0 1-2.828-6.828l8.484-8.484a4 4 0 1 1 5.656 5.656l-8.484 8.484a3.988 3.988 0 0 1-2.828 1.172zM69.977 238.023a4 4 0 0 1-2.828-6.828l8.484-8.484a4 4 0 1 1 5.656 5.656l-8.484 8.484a3.986 3.986 0 0 1-2.828 1.172zM78.461 82.461a3.988 3.988 0 0 1-2.828-1.172l-8.484-8.484a4 4 0 1 1 5.656-5.656l8.484 8.484a4 4 0 0 1-2.828 6.828zM234.023 238.023a3.988 3.988 0 0 1-2.828-1.172l-8.484-8.484a4 4 0 1 1 5.656-5.656l8.484 8.484a4 4 0 0 1-2.828 6.828z"
/>
</g>
<circle cx="176" cy="172" r="20" fill="#e7d1c4" />
<path
fill="#4c241d"
d="M176 196c-13.234 0-24-10.766-24-24s10.766-24 24-24c8.256 0 15.832 4.164 20.268 11.141a3.999 3.999 0 0 1-1.229 5.521 3.993 3.993 0 0 1-5.521-1.229C186.559 158.779 181.504 156 176 156c-8.822 0-16 7.178-16 16s7.178 16 16 16c3.594 0 6.986-1.162 9.811-3.359a4 4 0 0 1 4.914 6.312C186.48 194.256 181.389 196 176 196z"
/>
<path fill="#b5a19c" d="M194.938 178.447A19.986 19.986 0 0 0 196 172" />
<path
fill="#4c241d"
d="M194.938 182.449a4.004 4.004 0 0 1-3.787-5.293c.564-1.652.85-3.387.85-5.156a4 4 0 0 1 8 0c0 2.648-.43 5.252-1.275 7.738a4.008 4.008 0 0 1-3.788 2.711z"
/>
<circle cx="124" cy="176" r="8" fill="#e7d1c4" />
<path
fill="#4c241d"
d="M124 188c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4z"
/>
<circle cx="144" cy="112" r="12" fill="#e7d1c4" />
<path
fill="#4c241d"
d="M144 128c-8.822 0-16-7.178-16-16s7.178-16 16-16 16 7.178 16 16a4 4 0 0 1-8 0c0-4.412-3.588-8-8-8s-8 3.588-8 8 3.588 8 8 8a4 4 0 0 1 0 8z"
/>
</svg>
More icons in the same style and category