Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, warm, summertime, sun, 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-5.544"
x2="514.456"
y1="466.656"
y2="-13.344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-110.512"
x2="409.488"
y1="352.944"
y2="-127.056"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-134.664"
x2="385.336"
y1="326.776"
y2="-153.224"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-133.16"
x2="386.84"
y1="328.416"
y2="-151.584"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-104.072"
x2="415.928"
y1="359.92"
y2="-120.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-41.36"
x2="478.64"
y1="427.864"
y2="-52.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="42.84"
x2="562.84"
y1="519.072"
y2="39.072"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="99.416"
x2="619.416"
y1="580.368"
y2="100.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="123.576"
x2="643.576"
y1="606.536"
y2="126.536"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="122.064"
x2="642.064"
y1="604.904"
y2="124.904"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="92.976"
x2="612.976"
y1="573.392"
y2="93.392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="30.264"
x2="550.264"
y1="505.456"
y2="25.456"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-53.928"
x2="466.072"
y1="414.24"
y2="-65.76"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M240 104c-75.11 0-136 60.89-136 136s60.89 136 136 136 136-60.89 136-136c-.082-75.074-60.926-135.918-136-136zm0 256c-66.273 0-120-53.727-120-120s53.727-120 120-120 120 53.727 120 120c-.074 66.242-53.758 119.926-120 120zm0 0"
/>
<path
fill="url(#c)"
d="M284.313 0h-88.625L240 99.695zm-24.625 16L240 60.305 220.312 16zm0 0"
/>
<path
fill="url(#d)"
d="M158.398 10 81.602 54.313l88.222 64.183zm-47.445 45.855 34.094-19.687 5.105 48.207zm0 0"
/>
<path
fill="url(#e)"
d="M54.313 81.602 10 158.398l108.496 11.48zm1.542 29.32 28.52 39.2-48.207-5.106zm0 0"
/>
<path
fill="url(#f)"
d="M0 195.688v88.625L99.695 240zm16 24.625L60.305 240 16 259.688zm0 0"
/>
<path
fill="url(#g)"
d="m10 321.602 44.313 76.796 64.183-88.214zm26.168 13.32 48.207-5.106-28.52 39.2zm0 0"
/>
<path
fill="url(#h)"
d="m158.398 470 11.473-108.496-88.27 64.184zm-13.328-26.168-34.093-19.687 39.199-28.52zm0 0"
/>
<path
fill="url(#i)"
d="M195.688 480h88.625L240 380.305zm24.625-16L240 419.695 259.688 464zm0 0"
/>
<path
fill="url(#j)"
d="m321.602 470 76.796-44.313-88.246-64.183zm47.421-45.855-34.093 19.687-5.106-48.207zm0 0"
/>
<path
fill="url(#k)"
d="M425.688 398.398 470 321.602l-108.504-11.45zm-1.543-29.32-28.52-39.2 48.207 5.106zm0 0"
/>
<path
fill="url(#l)"
d="M380.305 240 480 284.313v-88.625zM464 259.688 419.695 240 464 220.312zm0 0"
/>
<path
fill="url(#m)"
d="m470 158.398-44.313-76.796-64.19 88.246zm-26.168-13.32-48.207 5.106 28.52-39.2zm0 0"
/>
<path
fill="url(#n)"
d="m321.602 10-11.45 108.496 88.246-64.183zm13.328 26.168 34.093 19.687-39.199 28.52zm0 0"
/>
</svg>
More icons in the same style and category