Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as weather, sun, moon, eclipse, atmospheric, and meteorology. Created in a clean flat style with a silver, gray, 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="100"
height="100"
viewBox="0 0 480.001 480.001"
>
<path
d="m359.631 256.649 22.634-13.581c2.317-1.39 2.317-4.747 0-6.137l-22.633-13.58c-11.198-6.719-14.163-21.629-6.389-32.122l15.713-21.205c1.608-2.17.324-5.272-2.349-5.67l-26.107-3.885c-12.917-1.922-21.362-14.562-18.195-27.231l6.402-25.604c.655-2.621-1.718-4.994-4.339-4.339l-25.608 6.402c-12.669 3.167-25.307-5.278-27.229-18.194l-3.885-26.107c-.398-2.672-3.499-3.957-5.67-2.349l-21.208 15.714c-10.493 7.774-25.402 4.809-32.12-6.39L195.069 49.74c-1.39-2.317-4.747-2.317-6.137 0l-13.579 22.632c-6.718 11.198-21.627 14.163-32.12 6.39l-21.208-15.714c-2.17-1.608-5.272-.323-5.67 2.349l-3.885 26.107c-1.922 12.916-14.561 21.361-27.229 18.194l-25.608-6.402c-2.621-.655-4.994 1.718-4.339 4.339l6.402 25.606c3.167 12.669-5.278 25.308-18.194 27.23l-26.109 3.885c-2.672.398-3.957 3.499-2.349 5.67l15.713 21.205c7.775 10.493 4.81 25.402-6.389 32.122l-22.631 13.58c-2.317 1.39-2.316 4.747 0 6.137l22.634 13.581c11.198 6.718 14.162 21.627 6.388 32.119l-15.714 21.206c-1.608 2.17-.324 5.272 2.349 5.67l26.108 3.885c12.917 1.922 21.362 14.561 18.194 27.23l-6.402 25.606c-.655 2.621 1.718 4.994 4.34 4.339l25.606-6.402c12.67-3.167 25.309 5.278 27.231 18.194l3.885 26.106c.398 2.672 3.499 3.957 5.67 2.349l21.206-15.714c10.492-7.774 25.401-4.809 32.12 6.389l13.581 22.634c1.39 2.317 4.747 2.317 6.137 0l13.58-22.634c6.719-11.198 21.628-14.163 32.121-6.389l21.206 15.713c2.17 1.608 5.272.323 5.67-2.349l3.885-26.106c1.922-12.917 14.562-21.362 27.231-18.194l25.606 6.402c2.621.655 4.995-1.718 4.34-4.339l-6.402-25.606c-3.167-12.669 5.278-25.308 18.194-27.23l26.108-3.885c2.672-.398 3.957-3.499 2.349-5.67l-15.714-21.206c-7.775-10.492-4.81-25.401 6.387-32.12z"
fill="#fcf1ce"
/>
<circle cx="192.004" cy="240.004" r="128" fill="#f9db7b" />
<path
d="M336.001 376.001c-74.984 0-136-61.008-136-136s61.016-136 136-136 136 61.008 136 136-61.016 136-136 136z"
fill="#a7b0a6"
/>
<path
d="M336.001 112.001c70.691 0 128 57.308 128 128s-57.309 128-128 128-128-57.308-128-128 57.308-128 128-128m0-16c-79.402 0-144 64.598-144 144s64.598 144 144 144 144-64.598 144-144-64.597-144-144-144z"
fill="#fcf1ce"
/>
<path
d="M284.38 186.286c11.344 0 20.574 9.229 20.574 20.572s-9.23 20.571-20.574 20.571-20.57-9.228-20.57-20.571 9.226-20.572 20.57-20.572m0-16c-20.172 0-36.57 16.4-36.57 36.572 0 20.171 16.398 36.571 36.57 36.571s36.574-16.4 36.574-36.571c0-20.173-16.402-36.572-36.574-36.572zM385.525 285.714c6.301 0 11.43 5.127 11.43 11.428 0 6.302-5.129 11.429-11.43 11.429s-11.43-5.127-11.43-11.429c0-6.301 5.129-11.428 11.43-11.428m0-16c-15.129 0-27.43 12.3-27.43 27.428 0 15.129 12.301 27.429 27.43 27.429s27.43-12.3 27.43-27.429c-.001-15.128-12.302-27.428-27.43-27.428z"
fill="#899689"
/>
<circle cx="297.14" cy="297.14" r="9.144" fill="#899689" />
<circle cx="339.028" cy="154.284" r="4.568" fill="#899689" />
<circle cx="348.228" cy="235.428" r="4.568" fill="#899689" />
<circle cx="248.004" cy="270.044" r="4.568" fill="#899689" />
<circle cx="421.348" cy="246.204" r="4.568" fill="#899689" />
<circle cx="321.14" cy="336.892" r="4.568" fill="#899689" />
<circle cx="390.86" cy="185.14" r="16" fill="#899689" />
</svg>
More icons in the same style and category