Add icons to this collection by clicking the heart icon.
Eclipse icon - also known as weather, sun, moon, eclipse, eclipses, eclipsed, and mood. Created in a clean flat 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 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient
id="c"
x1="21.472"
x2="13.562"
y1="-3.59"
y2="34.349"
gradientTransform="rotate(-15 32.542 1.672) scale(.821)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="6.515"
x2="27.351"
y1="16.933"
y2="16.933"
gradientTransform="matrix(0 1.116 1.116 0 -1.972 -1.972)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bca6ae" />
<stop offset="1" stop-color="#534666" />
</linearGradient>
<linearGradient
id="f"
x1="10.971"
x2="15.601"
y1="22.227"
y2="22.227"
gradientTransform="scale(-1) rotate(-39.52 -51.05 49.437)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="25.223"
x2="28.523"
y1="20.759"
y2="23.544"
gradientTransform="matrix(-.999 -.049 .102 -.995 44.495 46.901)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="25.223"
x2="28.523"
y1="20.759"
y2="23.544"
gradientTransform="matrix(-.797 -.604 .645 -.764 18.731 53.82)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="d"
x1="6.515"
x2="27.351"
y1="16.933"
y2="16.933"
gradientTransform="rotate(-90 16.931 20.85) scale(1.231)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff5e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<g paint-order="fill markers stroke">
<g stroke-linecap="square">
<path
fill="url(#c)"
d="M30.752 25.075c-.481.834-2.798.649-3.443 1.365-.644.715-.217 3-.996 3.566-.78.566-2.821-.545-3.7-.154-.88.392-1.42 2.653-2.362 2.853-.942.2-2.355-1.646-3.318-1.646-.963 0-2.375 1.846-3.317 1.646-.942-.2-1.482-2.461-2.362-2.853-.88-.391-2.92.72-3.7.154-.779-.566-.352-2.85-.997-3.566-.644-.716-2.961-.53-3.443-1.365-.481-.833.838-2.748.54-3.663-.297-.916-2.49-1.69-2.59-2.647s1.883-2.17 1.983-3.128c.101-.957-1.587-2.555-1.29-3.471.298-.916 2.603-1.216 3.085-2.05.481-.834-.411-2.98.233-3.696.644-.716 2.872-.053 3.651-.619.78-.566.837-2.89 1.717-3.281s2.646 1.12 3.587.92c.942-.2 1.94-2.3 2.903-2.3.963 0 1.961 2.1 2.903 2.3s2.708-1.312 3.588-.92.937 2.715 1.716 3.281c.78.566 3.007-.097 3.652.619s-.248 2.862.233 3.696 2.787 1.134 3.084 2.05c.298.916-1.39 2.514-1.29 3.471.1.958 2.085 2.17 1.984 3.128s-2.293 1.73-2.59 2.647c-.298.915 1.02 2.83.54 3.663z"
/>
<path
fill="url(#d)"
d="M16.933 4.1a12.829 12.829 0 0 1 12.83 12.83 12.829 12.829 0 0 1-12.83 12.829 12.829 12.829 0 0 1-12.829-12.83 12.829 12.829 0 0 1 12.83-12.828z"
/>
<path
fill="url(#e)"
d="M16.933 28.564a11.63 11.63 0 0 0 11.631-11.63 11.63 11.63 0 0 0-11.63-11.632A11.63 11.63 0 0 0 5.301 16.933a11.63 11.63 0 0 0 11.631 11.631z"
/>
</g>
<path
fill="url(#f)"
d="M16.927 13.953a3.539 2.315 50.484 0 1-.466-4.204 3.539 2.315 50.484 0 1 4.038 1.257 3.539 2.315 50.484 0 1 .465 4.203 3.539 2.315 50.484 0 1-4.037-1.256z"
/>
<path
fill="url(#g)"
d="M18.417 22.08a1.745 1.89 25.464 0 1 1.954-1.776 1.745 1.89 25.464 0 1 1.571 1.949 1.745 1.89 25.464 0 1-1.954 1.775 1.745 1.89 25.464 0 1-1.571-1.949"
/>
<path
fill="url(#h)"
d="M11.18 18.619a1.745 1.89 59.77 0 1 2.615-.365 1.745 1.89 59.77 0 1 .199 2.495 1.745 1.89 59.77 0 1-2.615.365 1.745 1.89 59.77 0 1-.2-2.495"
/>
<path
fill="#433850"
d="m16.756 6.627.004.266.525.002.004-.266zm-.805.043-.53.066.038.262.521-.064zm2.143.021-.03.262.52.07.037-.263zm-3.465.192-.516.133.069.255.51-.13zm4.787.04-.07.257.506.142.076-.254zm-6.068.345-.496.195.1.246.49-.195zm7.341.064-.1.244.485.205.108-.242zm-8.568.48-.463.264.135.229.457-.262zm9.781.088-.13.23.455.265.134-.227zm-10.92.616-.425.318.16.209.422-.314zm12.051.105-.162.21.414.323.166-.205zm-13.09.736-.382.37.183.189.379-.365zm14.114.125-.186.19.371.373.19-.186zm-15.04.846-.33.418.211.16.327-.412zm15.948.14-.21.16.317.42.215-.155zm-16.736.94-.274.457.227.135.271-.451zm17.505.155-.228.134.264.457.23-.129zM7.582 12.584l-.209.49.244.1.207-.485zm18.773.164-.242.106.203.486.245-.102zM7.1 13.832l-.147.512.256.07.145-.506zm19.722.174-.256.07.133.508.258-.063zM6.783 15.133l-.08.527.262.035.078-.52zm20.332.18-.261.037.066.521.264-.031zm-20.478 1.15-.012.533.264.004.011-.525zm20.601.183-.265.002.002.526.263.004zM6.926 17.78l-.264.024.057.529.261-.031zm20 .174-.067.522.262.037.068-.528zM7.119 19.07l-.26.055.127.521.256-.07zm19.592.17-.133.51.256.068.133-.515zM7.475 20.322l-.248.094.195.496.244-.1zm18.853.168-.197.483.242.107.203-.496zM7.996 21.52l-.234.123.256.468.23-.13zm17.793.156-.262.457.229.133.265-.461zm-17.121.963-.217.152.315.432.21-.16zm16.43.144-.317.42.211.162.319-.426zm-15.621.88-.194.179.367.385.188-.184zm14.796.128-.37.375.183.188.375-.377zm-13.86.781-.17.201.411.338.166-.207zm12.907.114-.414.324.16.21.42-.33zm-11.865.668-.14.224.455.277.134-.226zm10.805.095-.45.266.13.23.46-.271zm-9.666.545-.112.238.485.22.107-.243zm8.52.074-.483.207.1.245.49-.21zm-7.307.412-.082.25.51.157.074-.254zm6.088.053-.508.143.07.256.512-.145zm-4.829.272-.043.261.526.082.037-.261zm3.557.029-.52.078.038.262.525-.078zm-2.26.127-.01.266c.345.04.67.035.983.005l-.012-.263c-.259.03-.54.04-.96-.008z"
/>
</g>
</svg>
More icons in the same style and category