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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#3dadf2" />
<stop offset=".133" stop-color="#3aa6f1" />
<stop offset=".332" stop-color="#3291ed" />
<stop offset=".572" stop-color="#2470e7" />
<stop offset=".841" stop-color="#1142df" />
<stop offset="1" stop-color="#0424d9" />
</linearGradient>
<linearGradient
id="b"
x1="187.243"
x2="503.095"
y1="503.681"
y2="185.459"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="98.511"
x2="414.363"
y1="415.61"
y2="97.388"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="9.504"
x2="325.356"
y1="327.266"
y2="9.044"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-27.639"
x2="288.213"
y1="290.4"
y2="-27.823"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="8.84"
x2="324.692"
y1="326.607"
y2="8.384"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="97.572"
x2="413.424"
y1="414.678"
y2="96.455"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="186.579"
x2="502.431"
y1="503.022"
y2="184.799"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="223.722"
x2="539.574"
y1="539.888"
y2="221.666"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="98.042"
x2="413.893"
y1="415.144"
y2="96.922"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="102.204"
x2="418.056"
y1="419.275"
y2="101.053"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="53.7"
x2="369.552"
y1="371.133"
y2="52.911"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M469 266h-71.841c-5.523 0-10-4.477-10-10s4.477-10 10-10H469c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
/>
<path
fill="url(#c)"
d="M355.815 166.185a9.971 9.971 0 0 1-7.072-2.928c-3.905-3.906-3.905-10.238 0-14.143l50.8-50.8c3.905-3.904 10.237-3.904 14.142 0 3.905 3.906 3.905 10.238 0 14.144l-50.8 50.799a9.971 9.971 0 0 1-7.07 2.928z"
/>
<path
fill="url(#d)"
d="M256 124.841c-5.523 0-10-4.477-10-10V43c0-5.523 4.477-10 10-10s10 4.477 10 10v71.841c0 5.523-4.477 10-10 10z"
/>
<path
fill="url(#e)"
d="M156.185 166.185a9.971 9.971 0 0 1-7.07-2.928l-50.8-50.8c-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0l50.8 50.8c3.905 3.904 3.905 10.236 0 14.142a9.97 9.97 0 0 1-7.072 2.928z"
/>
<path
fill="url(#f)"
d="M114.841 266H43c-5.523 0-10-4.477-10-10s4.477-10 10-10h71.841c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
/>
<path
fill="url(#g)"
d="M105.386 416.614a9.97 9.97 0 0 1-7.071-2.929c-3.905-3.905-3.905-10.237 0-14.142l50.8-50.8c3.905-3.904 10.237-3.904 14.142 0 3.905 3.906 3.905 10.238 0 14.143l-50.8 50.8a9.97 9.97 0 0 1-7.07 2.928z"
/>
<path
fill="url(#h)"
d="M256 479c-5.523 0-10-4.477-10-10v-71.841c0-5.523 4.477-10 10-10s10 4.477 10 10V469c0 5.523-4.477 10-10 10z"
/>
<path
fill="url(#i)"
d="M406.614 416.614a9.97 9.97 0 0 1-7.071-2.929l-50.8-50.8c-3.905-3.904-3.905-10.236 0-14.142 3.906-3.904 10.238-3.904 14.143 0l50.8 50.8c3.904 3.905 3.904 10.237 0 14.142a9.97 9.97 0 0 1-7.072 2.929z"
/>
<path
fill="url(#j)"
d="M256 367.208c-28.491 0-56.983-10.845-78.673-32.535-43.38-43.38-43.38-113.965 0-157.346s113.966-43.38 157.346 0c43.38 43.38 43.38 113.965 0 157.346-21.69 21.69-50.182 32.535-78.673 32.535zm0-202.426c-23.373 0-46.738 8.894-64.531 26.687-35.582 35.583-35.582 93.48 0 129.062 35.583 35.581 93.48 35.583 129.062 0 35.582-35.583 35.582-93.48 0-129.062-17.79-17.789-41.164-26.687-64.531-26.687zm71.602 162.82h.01z"
/>
<path
fill="url(#k)"
d="M256.466 331.665h-.12c-9.615-.114-34.106-2.498-53.836-22.145-12.474-12.423-17.857-26.57-20.175-36.25-1.286-5.371 2.025-10.768 7.396-12.054 5.37-1.285 10.768 2.025 12.054 7.396 1.716 7.165 5.683 17.62 14.838 26.736 14.535 14.474 32.786 16.233 39.958 16.318 5.523.065 9.947 4.594 9.882 10.117-.065 5.482-4.53 9.882-9.997 9.882z"
/>
<circle cx="197.382" cy="226.372" r="10" fill="url(#l)" />
</svg>
More icons in the same style and category