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 flat style with a gray, black, 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 497 497"
>
<path
fill="#ffb357"
d="m272.363 9.19 32.407 29.308 42.719-9.178c17.861-3.837 35.725 6.477 41.332 23.863l13.411 41.585 41.585 13.411c17.387 5.607 27.701 23.471 23.863 41.332l-9.178 42.719 29.308 32.407c12.254 13.549 12.254 34.177 0 47.726l-29.308 32.407 9.178 42.719c3.837 17.861-6.477 35.725-23.863 41.332l-41.585 13.411-13.411 41.585c-5.607 17.387-23.471 27.701-41.332 23.863l-42.719-9.178-32.407 29.308c-13.549 12.254-34.177 12.254-47.726 0l-32.407-29.308-42.719 9.178c-17.861 3.837-35.725-6.477-41.332-23.863l-13.411-41.585-41.585-13.411c-17.387-5.607-27.701-23.471-23.863-41.332l9.178-42.719L9.19 272.363c-12.254-13.549-12.254-34.177 0-47.726l29.308-32.407-9.178-42.719c-3.837-17.861 6.477-35.725 23.863-41.332l41.585-13.411 13.411-41.585c5.607-17.387 23.471-27.701 41.332-23.863l42.719 9.178L224.637 9.19c13.549-12.253 34.177-12.253 47.726 0z"
/>
<path
fill="#fce3a0"
d="M248.5 436.485c-103.655 0-187.985-84.33-187.985-187.985S144.845 60.515 248.5 60.515s187.985 84.33 187.985 187.985-84.33 187.985-187.985 187.985z"
/>
<path
fill="#82888b"
d="M312.762 71.912c-27.451-9.991-55.701-13.193-82.923-10.469-3.92.392-7.284 2.958-8.631 6.66-1.747 4.8.309 10.194 4.86 12.513 67.097 34.206 99.661 113.765 73.23 186.383-26.527 72.883-102.772 112.547-175.902 95.703-4.977-1.147-10.019 1.662-11.766 6.462l-.002.004c-1.347 3.702-.42 7.83 2.331 10.65 19.102 19.583 42.801 35.29 70.252 45.282 97.169 35.367 205.197-14.312 240.869-112.319 35.532-97.621-14.731-205.351-112.318-240.869z"
/>
<path
fill="#676f72"
d="M270.489 87.836c-15.624-5.687-31.555-8.755-47.319-9.451a9.92 9.92 0 0 0 2.898 2.231c67.097 34.206 99.661 113.765 73.23 186.383-26.527 72.883-102.772 112.547-175.902 95.703a9.951 9.951 0 0 0-3.658-.153c12.524 9.602 26.701 17.491 42.327 23.179 81.956 29.83 173.072-12.071 203.159-94.734 29.968-82.337-12.427-173.2-94.735-203.158z"
/>
<g fill="#313d40">
<path
d="M334.5 277.892c2.071-.001 3.946-.84 5.303-2.197s2.196-3.232 2.197-5.304v-10a7.5 7.5 0 1 0-15 .001v10a7.501 7.501 0 0 0 7.5 7.5zM407.803 275.694a7.48 7.48 0 0 0 2.197-5.303v-10a7.5 7.5 0 1 0-15-.001v10a7.501 7.501 0 0 0 12.803 5.304zM368.999 283.109h.004c7.994 0 15.359-4.6 18.764-11.718a7.499 7.499 0 0 0-3.529-10.002c-3.736-1.791-8.215-.207-10.002 3.529-.913 1.908-3.016 3.19-5.234 3.19h-.001c-2.218 0-4.321-1.281-5.233-3.188a7.5 7.5 0 0 0-13.533 6.471c3.402 7.119 10.768 11.718 18.764 11.718z"
/>
</g>
<ellipse
cx="109.331"
cy="240.81"
fill="#ff8e9e"
rx="29.212"
ry="23.263"
transform="translate(.755 -.341)"
/>
<ellipse
cx="267.669"
cy="241.306"
fill="#ff8e9e"
rx="29.212"
ry="23.263"
transform="rotate(-180 267.652 241.324)"
/>
<path
fill="#313d40"
d="M124 198.5a7.5 7.5 0 0 0-7.5 7.5v10a7.5 7.5 0 0 0 15 0v-10a7.5 7.5 0 0 0-7.5-7.5zM252 198.5a7.5 7.5 0 0 0-7.5 7.5v10a7.5 7.5 0 0 0 15 0v-10a7.5 7.5 0 0 0-7.5-7.5zM207.735 227.234a7.497 7.497 0 0 0-10.001 3.531c-1.666 3.484-5.291 5.735-9.234 5.735s-7.568-2.251-9.234-5.735a7.5 7.5 0 0 0-13.532 6.47c4.144 8.666 13.08 14.265 22.766 14.265s18.623-5.599 22.766-14.265a7.5 7.5 0 0 0-3.531-10.001z"
/>
</svg>
More icons in the same style and category