Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as space, weather, sun, moon, eclipse, and astral. Created in a clean flat style with a white, silver, navy, and orange 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 512 512"
>
<circle cx="256" cy="256" r="256" fill="#273b7a" />
<path
d="M144.768 299.196 98.123 252.55l-41.939 8.59 246.582 246.582c108.004-19.939 192.236-107.665 206.938-217.414L351.839 132.577l-37.14 30.851-81.27-79.813-8.997 41.748 60.259 60.259-67.615 50.01-78.657-78.658-11.228 7.552 61.154 61.154 16.141 19.266-21.895 16.194-37.823 38.056zM136.942 347.476l-31.947 31.946L236.863 511.29a257.918 257.918 0 0 0 61.154-2.741L136.942 347.476z"
fill="#121149"
/>
<circle cx="228.417" cy="256" r="108.916" fill="#ffc61b" />
<path
d="M228.417 147.087c60.151 0 108.913 48.762 108.913 108.913s-48.762 108.913-108.913 108.913V147.087z"
fill="#eaa22f"
/>
<path
d="M228.417 126.636a6.897 6.897 0 0 1-6.896-6.896V88.35a6.897 6.897 0 0 1 13.792 0v31.391a6.895 6.895 0 0 1-6.896 6.895zM228.417 430.545a6.897 6.897 0 0 1-6.896-6.896v-31.391a6.897 6.897 0 0 1 13.792 0v31.391a6.895 6.895 0 0 1-6.896 6.896z"
fill="#ffc61b"
/>
<path
d="M228.417 81.455c-.197 0-.381.041-.574.059v45.066c.193.016.378.059.574.059a6.897 6.897 0 0 0 6.896-6.896V88.35a6.895 6.895 0 0 0-6.896-6.895zM228.417 385.364c-.197 0-.381.041-.574.059v45.066c.193.016.378.059.574.059a6.897 6.897 0 0 0 6.896-6.896v-31.391a6.896 6.896 0 0 0-6.896-6.897z"
fill="#eaa22f"
/>
<path
d="M92.158 262.896h-31.39a6.897 6.897 0 0 1 0-13.792h31.391a6.897 6.897 0 0 1-.001 13.792z"
fill="#ffc61b"
/>
<path
d="M324.768 166.545a6.871 6.871 0 0 1-4.875-2.02 6.891 6.891 0 0 1 0-9.75l22.197-22.197a6.891 6.891 0 0 1 9.75 0 6.891 6.891 0 0 1 0 9.75l-22.197 22.197a6.87 6.87 0 0 1-4.875 2.02z"
fill="#eaa22f"
/>
<path
d="M109.87 381.442a6.871 6.871 0 0 1-4.875-2.02 6.891 6.891 0 0 1 0-9.75l22.197-22.195a6.891 6.891 0 0 1 9.75 0 6.891 6.891 0 0 1 0 9.75l-22.197 22.195a6.873 6.873 0 0 1-4.875 2.02zM132.067 166.545a6.871 6.871 0 0 1-4.875-2.02l-22.197-22.195a6.891 6.891 0 0 1 0-9.75 6.891 6.891 0 0 1 9.75 0l22.197 22.197a6.891 6.891 0 0 1-4.875 11.768z"
fill="#ffc61b"
/>
<path
d="M346.965 381.443a6.871 6.871 0 0 1-4.875-2.02l-22.197-22.197a6.891 6.891 0 0 1 0-9.75 6.891 6.891 0 0 1 9.75 0l22.197 22.197a6.891 6.891 0 0 1 0 9.75 6.875 6.875 0 0 1-4.875 2.02z"
fill="#eaa22f"
/>
<circle cx="308.027" cy="256" r="108.916" fill="#fff" />
<path
d="M416.937 256c0-60.061-48.618-108.76-108.644-108.906v217.812c60.026-.147 108.644-48.845 108.644-108.906z"
fill="#d0d1d3"
/>
<ellipse cx="325.249" cy="174.976" rx="12.067" ry="9.481" fill="#a6a8aa" />
<ellipse cx="380.311" cy="256" rx="14.555" ry="18.449" fill="#a6a8aa" />
<ellipse cx="317.078" cy="220.66" rx="15.096" ry="14.9" fill="#d0d1d3" />
<path
d="M317.081 205.76a15.15 15.15 0 0 0-8.788 2.801v24.195a15.136 15.136 0 0 0 8.788 2.801c8.337 0 15.096-6.672 15.096-14.9s-6.759-14.897-15.096-14.897z"
fill="#a6a8aa"
/>
<ellipse cx="257.224" cy="254.707" rx="6.039" ry="6.434" fill="#d0d1d3" />
<ellipse cx="374.277" cy="205.765" rx="6.039" ry="6.434" fill="#a6a8aa" />
<ellipse cx="308.027" cy="308.183" rx="6.039" ry="6.434" fill="#d0d1d3" />
<path
d="M314.061 308.176c0-3.455-2.562-6.253-5.77-6.404v12.81c3.208-.154 5.77-2.95 5.77-6.406z"
fill="#a6a8aa"
/>
<ellipse cx="287.703" cy="334.817" rx="7.958" ry="8.48" fill="#d0d1d3" />
<ellipse cx="346.97" cy="326.353" rx="7.958" ry="8.48" fill="#a6a8aa" />
<ellipse cx="256" cy="199.111" rx="7.958" ry="8.48" fill="#d0d1d3" />
<ellipse cx="247.777" cy="301.735" rx="19.358" ry="17.274" fill="#d0d1d3" />
</svg>
More icons in the same style and category