Add icons to this collection by clicking the heart icon.
Sun icon - also known as cloud, weather, sunny, sun, sky, cloudy, 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 64 64"
>
<linearGradient
id="a"
x1="8.322"
x2="70.11"
y1="70.934"
y2="-1.709"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-10.973"
x2="50.815"
y1="54.522"
y2="-18.121"
href="#a"
/>
<linearGradient
id="c"
x1="-17.245"
x2="44.543"
y1="49.188"
y2="-23.455"
gradientTransform="rotate(30 18 7.75)"
href="#a"
/>
<linearGradient
id="d"
x1="-18.133"
x2="43.655"
y1="48.432"
y2="-24.211"
gradientTransform="rotate(60 7.751 18.001)"
href="#a"
/>
<linearGradient
id="e"
x1="-13.401"
x2="48.388"
y1="52.457"
y2="-20.186"
href="#a"
/>
<linearGradient
id="f"
x1="19.092"
x2="80.88"
y1="80.095"
y2="7.452"
href="#a"
/>
<linearGradient
id="g"
x1="10.006"
x2="71.794"
y1="72.366"
y2="-.276"
gradientTransform="rotate(30 56.24 17.992)"
href="#a"
/>
<linearGradient
id="h"
x1="-.999"
x2="60.79"
y1="63.006"
y2="-9.637"
gradientTransform="rotate(60 46.004 7.754)"
href="#a"
/>
<linearGradient
id="i"
x1="17.561"
x2="79.35"
y1="78.793"
y2="6.15"
href="#a"
/>
<path
fill="url(#a)"
d="M54 38.694A23 23 0 1 0 9 32c0 .651.035 1.328.094 2.015a12.011 12.011 0 0 0-1.042 4.008A12.993 12.993 0 0 0 15 62h35a11.994 11.994 0 0 0 4-23.306zM32 11a20.978 20.978 0 0 1 20.063 27.178q-.556-.1-1.128-.142a6.953 6.953 0 0 0-5.057-5.774A13.986 13.986 0 0 0 19.883 27a11.94 11.94 0 0 0-8.832 3.989A21.008 21.008 0 0 1 32 11zm18 49H15a10.993 10.993 0 0 1-5.48-20.527 1.006 1.006 0 0 0 .5-.831A9.954 9.954 0 0 1 20 29c.073 0 .145.006.217.011l.205.011a1.028 1.028 0 0 0 .929-.538 11.986 11.986 0 0 1 22.605 4.669 1 1 0 0 0 .839.917A4.972 4.972 0 0 1 49 39a1 1 0 0 0 1 1 10 10 0 0 1 0 20z"
/>
<path fill="url(#b)" d="M31 2h2v4h-2z" />
<path
fill="url(#c)"
d="M17 5.751h2v4h-2z"
transform="rotate(-30 17.999 7.752)"
/>
<path
fill="url(#d)"
d="M6.751 16h2v4h-2z"
transform="rotate(-60 7.751 18)"
/>
<path fill="url(#e)" d="M2 31h4v2H2z" />
<path fill="url(#f)" d="M58 31h4v2h-4z" />
<path
fill="url(#g)"
d="M54.249 17h4v2h-4z"
transform="rotate(-30 56.238 18.002)"
/>
<path
fill="url(#h)"
d="M44 6.751h4v2h-4z"
transform="rotate(-60 46.006 7.75)"
/>
<path
fill="url(#i)"
d="M51.824 48.354a8 8 0 0 0-12.873-4.56A5.869 5.869 0 0 0 36 43a6.01 6.01 0 0 0-5.917 5H29a5 5 0 0 0 0 10h21a4.994 4.994 0 0 0 1.824-9.646zM50 56H29a3 3 0 0 1 0-6h2a1 1 0 0 0 1-1 4 4 0 0 1 4-4 3.945 3.945 0 0 1 2.431.849 1 1 0 0 0 1.32-.085 6 6 0 0 1 10.2 3.483 1 1 0 0 0 .757.848A2.994 2.994 0 0 1 50 56z"
/>
</svg>
More icons in the same style and category