Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as space, weather, sun, moon, eclipse, covering, eclipses, partial, partially, astral, and miscellaneous. Created in a clean gradient style with a teal 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2796" />
<stop offset="1" stop-color="#b440a1" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fac15c" />
<stop offset="1" stop-color="#fb8454" />
</linearGradient>
<linearGradient
id="c"
x1="230.565"
x2="281.435"
y1="73.717"
y2="124.587"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="167.612"
x2="224.342"
y1="82.726"
y2="139.457"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="177.345"
x2="214.609"
y1="382.276"
y2="419.541"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="230.565"
x2="281.435"
y1="387.413"
y2="438.283"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="287.658"
x2="344.389"
y1="372.543"
y2="429.274"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="339.931"
x2="393.886"
y1="339.931"
y2="393.886"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="372.543"
x2="429.274"
y1="287.658"
y2="344.389"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="387.413"
x2="438.283"
y1="230.565"
y2="281.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="382.276"
x2="419.541"
y1="177.345"
y2="214.609"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="357.916"
x2="375.901"
y1="136.099"
y2="154.084"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="297.391"
x2="334.655"
y1="92.46"
y2="129.724"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="154.084"
x2="357.916"
y1="154.084"
y2="357.916"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb8454" />
<stop offset="1" stop-color="#fd5575" />
</linearGradient>
<linearGradient
id="o"
x1="86.577"
x2="210.075"
y1="194.251"
y2="317.749"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77aad4" />
<stop offset="1" stop-color="#4a8ec6" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path fill="url(#c)" d="M243.281 61h25.438v76.305H243.28zm0 0" />
<path
fill="url(#d)"
d="m198.828 151.207-29.2-70.496 23.497-9.734 29.203 70.496zm0 0"
/>
<path
fill="url(#e)"
d="m193.125 441.023-23.496-9.734 29.2-70.496 23.5 9.734zm0 0"
/>
<path fill="url(#f)" d="M243.281 374.695h25.438V451H243.28zm0 0" />
<path
fill="url(#g)"
d="m318.875 441.023-29.203-70.496 23.5-9.734 29.2 70.496zm0 0"
/>
<path
fill="url(#h)"
d="m384.895 402.879-53.958-53.957 17.985-17.985 53.957 53.958zm0 0"
/>
<path
fill="url(#i)"
d="m431.29 342.371-70.497-29.2 9.734-23.5 70.496 29.204zm0 0"
/>
<path fill="url(#j)" d="M374.695 243.281H451v25.438h-76.305zm0 0" />
<path
fill="url(#k)"
d="m370.527 222.328-9.734-23.5 70.496-29.2 9.734 23.497zm0 0"
/>
<path
fill="url(#l)"
d="m348.922 181.063-17.985-17.985 53.958-53.957 17.984 17.984zm0 0"
/>
<path
fill="url(#m)"
d="m313.172 151.207-23.5-9.734 29.203-70.496 23.496 9.734zm0 0"
/>
<path
fill="url(#n)"
d="M400.129 256c0 79.602-64.527 144.129-144.129 144.129S111.871 335.602 111.871 256 176.398 111.871 256 111.871 400.129 176.398 400.129 256zm0 0"
/>
<path
fill="url(#o)"
d="M235.652 256c0 48.23-39.097 87.324-87.328 87.324C100.098 343.324 61 304.23 61 256s39.098-87.324 87.324-87.324c48.23 0 87.328 39.094 87.328 87.324zm0 0"
/>
<path fill="#1d71b8" d="M122.89 268.719h25.434v25.433h-25.433zm0 0" />
<path fill="#134a79" d="M148.324 217.848h25.438v25.433h-25.438zm0 0" />
</svg>
More icons in the same style and category