Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as space, weather, astronomy, sun, eclipse, lunar, atmospheric, astral, and meteorology. Created in a clean gradient style, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#38aaff" />
<stop offset=".5" stop-color="#7ad200" />
<stop offset="1" stop-color="#f1903d" />
</linearGradient>
<linearGradient
id="b"
x1="21.228"
x2="21.228"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="15.267"
x2="15.267"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="54"
x2="54"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="48"
x2="48"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="56"
x2="56"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="55"
x2="55"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="49"
x2="49"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="45"
x2="45"
y1=".778"
y2="61.302"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M24.768 14.654a13.914 13.914 0 0 0-8.128 5.519 1.001 1.001 0 0 0 1.634 1.155 11.916 11.916 0 0 1 6.959-4.728 1 1 0 0 0-.465-1.946z"
/>
<path
fill="url(#c)"
d="M15.662 24.276a1 1 0 0 0-1.201.747 13.93 13.93 0 0 0-.361 3.152 1 1 0 1 0 2 0c0-.912.104-1.819.309-2.699a1 1 0 0 0-.747-1.2z"
/>
<path
fill="url(#d)"
d="M53.916 25.095c-.899-3.866-1.127-6.915-.647-8.82a.999.999 0 0 0-.414-1.076c-.078-.052-7.793-5.253-9.035-10.221a1.002 1.002 0 0 0-.884-.754c-.098-.009-9.883-.887-14.382-3.877a1 1 0 0 0-1.107 0c-4.5 2.99-14.284 3.868-14.382 3.877a1 1 0 0 0-.884.754c-1.24 4.96-8.958 10.169-9.035 10.222a1 1 0 0 0-.415 1.073C3.989 21.307.104 31.764.065 31.869c-.138.367-.048.781.229 1.059C6.716 39.35 8.097 48.471 8.11 48.562c.065.454.433.807.89.853 7.746.776 12.733 2.425 15.621 3.723C28.204 59.607 35.096 64 43 64c11.58 0 21-9.421 21-21 0-7.578-4.049-14.212-10.084-17.905zM9.954 47.504c-.47-2.389-2.296-9.744-7.801-15.533.809-2.293 3.497-10.459 2.659-15.496 1.825-1.306 7.514-5.665 9.105-10.326 2.294-.25 9.729-1.227 14.083-3.79 4.354 2.563 11.789 3.54 14.083 3.79 1.59 4.66 7.277 9.019 9.104 10.325-.316 1.871-.169 4.355.423 7.393a20.741 20.741 0 0 0-4.586-1.47C44.495 14.057 36.773 8.28 28 8.28c-10.973 0-19.9 8.927-19.9 19.899a19.876 19.876 0 0 0 14.339 19.092c.23 1.107.566 2.173.963 3.209-3.019-1.123-7.403-2.313-13.448-2.976zm12.152-2.42A17.89 17.89 0 0 1 10.1 28.18c0-9.87 8.03-17.899 17.9-17.899 7.58 0 14.3 4.788 16.834 11.813A20.6 20.6 0 0 0 43 22c-11.58 0-21 9.421-21 21 0 .703.038 1.398.106 2.084zM43 62c-10.477 0-19-8.523-19-19s8.523-19 19-19 19 8.523 19 19-8.523 19-19 19z"
/>
<path
fill="url(#e)"
d="M54 33c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<path
fill="url(#f)"
d="M48 48c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<path
fill="url(#g)"
d="M52 45c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4-4 1.794-4 4zm6 0c0 1.103-.897 2-2 2s-2-.897-2-2 .897-2 2-2 2 .897 2 2z"
/>
<path
fill="url(#d)"
d="M32 31c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
/>
<circle cx="55" cy="53" r="1" fill="url(#h)" />
<circle cx="49" cy="42" r="1" fill="url(#i)" />
<circle cx="32" cy="45" r="1" fill="url(#d)" />
<circle cx="45" cy="31" r="1" fill="url(#j)" />
</svg>
More icons in the same style and category