Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, warm, summertime, sun, meteorology, and haw weather. 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">
<stop offset="0" stop-color="#38aaff" />
<stop offset=".5" stop-color="#7ad200" />
<stop offset="1" stop-color="#f1903d" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="28.5"
x2="28.5"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="22.119"
x2="22.119"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="59"
x2="59"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="5"
x2="5"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="51.091"
x2="51.091"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="12.909"
x2="12.909"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="41.991"
x2="41.991"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="22.01"
x2="22.01"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="56.879"
x2="56.879"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="7.121"
x2="7.121"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="56.757"
x2="56.757"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="7.243"
x2="7.243"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="42.448"
x2="42.448"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="21.552"
x2="21.552"
y1=".333"
y2="64.414"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M32 10c1.654 0 3-1.346 3-3V3c0-1.654-1.346-3-3-3s-3 1.346-3 3v4c0 1.654 1.346 3 3 3zm-1-7c0-.551.449-1 1-1s1 .449 1 1v4c0 .551-.449 1-1 1s-1-.449-1-1zM32 11c-11.58 0-21 9.42-21 21s9.42 21 21 21 21-9.42 21-21-9.42-21-21-21zm0 40c-10.477 0-19-8.523-19-19s8.523-19 19-19 19 8.523 19 19-8.523 19-19 19z"
/>
<path
d="M32 15c-9.374 0-17 7.626-17 17s7.626 17 17 17 17-7.626 17-17-7.626-17-17-17zm0 32c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15z"
/>
</g>
<path
fill="url(#c)"
d="M29.833 19.181a12.872 12.872 0 0 0-3.251 1.003A1 1 0 1 0 27.418 22a10.952 10.952 0 0 1 2.749-.848 1 1 0 1 0-.334-1.971z"
/>
<path
fill="url(#d)"
d="M23.41 22.25a13.04 13.04 0 0 0-4.229 7.583.999.999 0 1 0 1.971.334 11.036 11.036 0 0 1 3.58-6.417 1 1 0 0 0-1.322-1.5z"
/>
<path
fill="url(#b)"
d="M35 61v-4c0-1.654-1.346-3-3-3s-3 1.346-3 3v4c0 1.654 1.346 3 3 3s3-1.346 3-3zm-4 0v-4c0-.551.449-1 1-1s1 .449 1 1v4c0 .551-.449 1-1 1s-1-.449-1-1z"
/>
<path
fill="url(#e)"
d="M61 29h-4c-1.654 0-3 1.346-3 3s1.346 3 3 3h4c1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 4h-4c-.551 0-1-.449-1-1s.449-1 1-1h4c.551 0 1 .449 1 1s-.449 1-1 1z"
/>
<path
fill="url(#f)"
d="M3 35h4c1.654 0 3-1.346 3-3s-1.346-3-3-3H3c-1.654 0-3 1.346-3 3s1.346 3 3 3zm0-4h4c.551 0 1 .449 1 1s-.449 1-1 1H3c-.551 0-1-.449-1-1s.449-1 1-1z"
/>
<path
fill="url(#g)"
d="M51.799 47.557c-1.133-1.134-3.109-1.133-4.242 0-.567.567-.879 1.32-.879 2.122s.312 1.555.879 2.121l2.828 2.829a2.993 2.993 0 0 0 2.121.876 2.99 2.99 0 0 0 2.122-.877 3.005 3.005 0 0 0 0-4.243zm1.414 5.656c-.39.39-1.025.391-1.415 0l-2.828-2.829a.99.99 0 0 1-.293-.707c0-.268.104-.518.293-.707.188-.189.439-.293.707-.293s.518.104.707.293l2.828 2.828c.391.391.391 1.025.001 1.415z"
/>
<path
fill="url(#h)"
d="M12.201 16.443c.567.567 1.32.879 2.122.879s1.555-.312 2.121-.878c.567-.567.879-1.32.879-2.122s-.312-1.555-.879-2.121l-2.828-2.829a3.005 3.005 0 0 0-4.243 0 3.005 3.005 0 0 0 0 4.243zm-1.414-5.656a.997.997 0 0 1 .708-.292c.256 0 .512.097.707.292l2.828 2.829c.189.188.293.439.293.707s-.104.518-.293.707a1.023 1.023 0 0 1-1.414 0l-2.828-2.828a1.001 1.001 0 0 1-.001-1.415zM13.615 54.627l2.828-2.829c.567-.566.879-1.32.879-2.121s-.312-1.555-.878-2.121c-1.134-1.134-3.11-1.134-4.243 0l-2.829 2.828a3.005 3.005 0 0 0 0 4.243 2.993 2.993 0 0 0 2.121.876 2.985 2.985 0 0 0 2.122-.876zm-2.828-2.828 2.829-2.828c.188-.189.439-.293.707-.293s.518.104.707.293c.189.188.293.439.293.707s-.104.518-.293.707l-2.828 2.828a1 1 0 0 1-1.415-1.414z"
/>
<path
fill="url(#g)"
d="M49.678 17.322c.801 0 1.555-.312 2.121-.879l2.829-2.828a3.005 3.005 0 0 0 0-4.243 3.005 3.005 0 0 0-4.243 0L47.557 12.2c-.567.567-.879 1.32-.879 2.122s.312 1.555.878 2.121a2.98 2.98 0 0 0 2.122.879zm-.707-3.707 2.828-2.828a.997.997 0 0 1 .708-.292 1.002 1.002 0 0 1 .707 1.707l-2.829 2.828a1.023 1.023 0 0 1-1.414 0 .99.99 0 0 1-.293-.707c0-.268.104-.519.293-.708z"
/>
<path
fill="url(#i)"
d="M40.51 10.633a2.998 2.998 0 0 0 3.898-1.678l.74-1.858a2.982 2.982 0 0 0-.032-2.296A2.98 2.98 0 0 0 43.471 3.2a3.003 3.003 0 0 0-3.897 1.677l-.74 1.858c-.296.744-.285 1.56.032 2.296s.9 1.305 1.644 1.602zm.181-3.157.74-1.858a1.001 1.001 0 0 1 1.848-.025.995.995 0 0 1 .01.765l-.74 1.858a.992.992 0 0 1-.534.549.986.986 0 0 1-.765.01.995.995 0 0 1-.559-1.299z"
/>
<path
fill="url(#j)"
d="M20.529 60.8a3.005 3.005 0 0 0 3.897-1.677l.74-1.858c.296-.744.285-1.56-.032-2.296s-.901-1.305-1.646-1.602-1.561-.287-2.296.032a2.98 2.98 0 0 0-1.602 1.646l-.74 1.858a2.982 2.982 0 0 0 .032 2.296 2.99 2.99 0 0 0 1.647 1.601zm.181-3.157.74-1.858a.992.992 0 0 1 .534-.549.992.992 0 0 1 .765-.01.995.995 0 0 1 .559 1.299l-.74 1.858a1 1 0 0 1-1.858-.74z"
/>
<path
fill="url(#k)"
d="M53.193 23.065a3.005 3.005 0 0 0 3.931 1.598l1.843-.777a3.004 3.004 0 0 0 1.599-3.93 3.004 3.004 0 0 0-3.93-1.599l-1.843.777a3.006 3.006 0 0 0-1.6 3.931zm2.376-2.087 1.843-.777a1 1 0 1 1 .777 1.843l-1.843.777a1.003 1.003 0 0 1-1.31-.533 1.001 1.001 0 0 1 .533-1.31z"
/>
<path
fill="url(#l)"
d="m6.876 39.336-1.843.777a3.004 3.004 0 0 0-1.599 3.93 3.005 3.005 0 0 0 3.931 1.598l1.843-.777a3.005 3.005 0 0 0 1.599-3.93 3.005 3.005 0 0 0-3.931-1.598zm1.555 3.686-1.843.777a1 1 0 0 1-.777-1.843l1.843-.777c.508-.214 1.096.025 1.31.533s-.025 1.096-.533 1.31z"
/>
<path
fill="url(#m)"
d="m58.872 40.422-1.833-.798h-.001a3.006 3.006 0 0 0-3.948 1.554 3.004 3.004 0 0 0 1.554 3.948l1.833.798a2.996 2.996 0 0 0 3.948-1.554 3.004 3.004 0 0 0-1.553-3.948zm-.281 3.149a.992.992 0 0 1-.551.532.986.986 0 0 1-.765-.014l-1.833-.798a1.002 1.002 0 0 1-.519-1.315 1.004 1.004 0 0 1 1.316-.519l1.834.798c.506.221.738.811.518 1.316z"
/>
<path
fill="url(#n)"
d="m5.128 23.578 1.834.798a3.006 3.006 0 0 0 3.948-1.554 3.004 3.004 0 0 0-1.554-3.948l-1.833-.798a2.982 2.982 0 0 0-2.296-.041 2.975 2.975 0 0 0-1.652 1.595 3.004 3.004 0 0 0 1.553 3.948zm.281-3.149a.992.992 0 0 1 .917-.602c.135 0 .271.028.399.083l1.834.798a1.001 1.001 0 0 1-.798 1.834l-1.834-.798a1 1 0 0 1-.518-1.315z"
/>
<path
fill="url(#o)"
d="M42.839 60.818a2.996 2.996 0 0 0 2.773-1.864c.304-.742.3-1.558-.011-2.296l-.773-1.843c-.31-.739-.89-1.313-1.631-1.616s-1.557-.299-2.296.01c-.739.31-1.313.89-1.616 1.631s-.299 1.557.011 2.296l.774 1.845a3.002 3.002 0 0 0 2.769 1.837zm-1.704-5.222a.992.992 0 0 1 .926-.622.995.995 0 0 1 .921.614l.774 1.844c.103.246.104.518.003.765s-.292.44-.539.544a1.002 1.002 0 0 1-1.309-.535l-.773-1.844a1.002 1.002 0 0 1-.003-.766z"
/>
<path
fill="url(#p)"
d="M19.172 9.186c.31.739.89 1.313 1.631 1.616a2.994 2.994 0 0 0 3.912-1.641 2.986 2.986 0 0 0-.01-2.296l-.774-1.845a3.003 3.003 0 0 0-3.927-1.605c-.739.31-1.313.89-1.616 1.631-.304.742-.3 1.558.011 2.296zm1.067-3.383a.995.995 0 0 1 .925-.622 1 1 0 0 1 .923.612l.773 1.844a.993.993 0 0 1 .004.766.992.992 0 0 1-.539.544c-.246.104-.518.104-.765.003s-.44-.292-.544-.539l-.774-1.844a.996.996 0 0 1-.003-.764z"
/>
</svg>
More icons in the same style and category