Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, weather, sunny, sunlight, warm, summertime, sun, and meteorology. 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 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="15.747"
x2="50.862"
y1="48.253"
y2="13.138"
>
<stop offset="0" stop-color="#fdd835" />
<stop offset="1" stop-color="#ffe98d" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="21.595"
x2="41.344"
y1="42.405"
y2="22.656"
>
<stop offset="0" stop-color="#ffb522" />
<stop offset=".2936" stop-color="#ffba37" />
<stop offset=".8994" stop-color="#ffc96e" />
<stop offset="1" stop-color="#ffcb78" />
</linearGradient>
<g id="sun">
<path
d="m53.09131 35.02979c-1.08057-.84571-3.09131-2.41895-3.09131-3.02979 0-.61035 2.01074-2.18408 3.09082-3.02979 2.25391-1.76367 4.2002-3.2871 3.64209-5.00634-.57764-1.77783-3.23145-1.86963-6.041-1.9668-1.3164-.0459-3.76709-.13086-4.127-.57568-.32666-.478.35645-2.8667.72363-4.14991.76758-2.68261 1.49219-5.21679-.00244-6.30517-1.48144-1.07813-3.5542.314-5.95361 1.9292-1.12249.75439-3.21188 2.16849-3.76462 1.98149-.522-.21679-1.34326-2.47607-1.78418-3.68994-.96969-2.66753-1.88569-5.18706-3.78369-5.18706s-2.814 2.51953-3.7832 5.18652c-.44141 1.21436-1.26319 3.47412-1.78223 3.68946-.54883.18652-2.64453-1.2251-3.76709-1.98-2.39893-1.61377-4.47168-3.01026-5.9541-1.9292-1.49463 1.08789-.77 3.62158-.00244 6.3042.36718 1.28369 1.05078 3.67285.72461 4.14941-.36084.44629-2.811.53125-4.12744.57666-2.81006.09766-5.46387.18945-6.041 1.96729-.55859 1.71875 1.38818 3.24218 3.6416 5.00585 1.08055.84573 3.09129 2.41897 3.09129 3.02981 0 .61035-2.01074 2.18408-3.09082 3.02979-2.25391 1.76367-4.2002 3.2871-3.64209 5.00634.57764 1.77783 3.23145 1.86963 6.041 1.9668 1.3164.0459 3.76709.13086 4.127.57568.32666.478-.35645 2.8667-.72363 4.14991-.76758 2.68261-1.49219 5.21679.00244 6.30517 1.48 1.0752 3.55322-.31494 5.95361-1.9292 1.12207-.75439 3.21777-2.167 3.76465-1.98144.522.21679 1.34326 2.47607 1.78418 3.68994.96966 2.66748 1.88571 5.18701 3.78366 5.18701s2.814-2.51953 3.7832-5.18652c.44141-1.21436 1.26319-3.47412 1.78223-3.68946.55615-.17724 2.645 1.22559 3.76709 1.98 2.39893 1.61426 4.47119 3.00879 5.9541 1.9292 1.49463-1.08789.77-3.62158.00244-6.3042-.36718-1.28369-1.05078-3.67285-.72461-4.14941.36084-.44629 2.811-.53125 4.12744-.57666 2.81006-.09766 5.46387-.18945 6.041-1.96729.55861-1.71877-1.38816-3.2422-3.64158-5.00587z"
fill="url(#linear-gradient)"
/>
<circle cx="32" cy="32" fill="url(#linear-gradient-2)" r="14" />
<path
d="m36.65 45.21a14.00459 14.00459 0 0 1 -17.72-18.23c.84 12.22 11.53 16.67 17.72 18.23z"
fill="#ffb522"
/>
<g fill="#fff">
<path
d="m40.48584 25.99951a.99668.99668 0 0 1 -.77148-.36328 9.92233 9.92233 0 0 0 -6.8042-3.59521 1.00014 1.00014 0 0 1 .17968-1.99219 11.90774 11.90774 0 0 1 8.16651 4.314 1 1 0 0 1 -.77051 1.63672z"
/>
<path
d="m42.58545 30.00049a1.00072 1.00072 0 0 1 -.96191-.72852q-.13112-.46362-.30518-.9082a1.00014 1.00014 0 0 1 1.86328-.72754q.20874.53394.3667 1.0918a1.00075 1.00075 0 0 1 -.69043 1.23437 1.01328 1.01328 0 0 1 -.27246.03809z"
/>
</g>
</g>
</svg>
More icons in the same style and category