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="648.832"
height="648.832"
viewBox="0 0 486.624 486.624"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-85.24"
x2="410.76"
y1="390.104"
y2="-129.896"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-141.64"
x2="354.36"
y1="336.312"
y2="-183.688"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-90.432"
x2="405.568"
y1="385.152"
y2="-134.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="10.096"
x2="506.096"
y1="481.048"
y2="-38.952"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="112.192"
x2="608.192"
y1="578.432"
y2="58.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="168.592"
x2="664.592"
y1="632.224"
y2="112.224"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="117.384"
x2="613.384"
y1="583.384"
y2="63.384"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="16.856"
x2="512.856"
y1="487.488"
y2="-32.512"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="13.48"
x2="509.48"
y1="484.272"
y2="-35.728"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m243.313 22.625 34.343 34.344 11.313-11.313L243.313 0l-45.657 45.656L208.97 56.97zm0 0"
/>
<path fill="url(#c)" d="M87.266 87.266h48.566v-16H71.266v64.566h16zm0 0" />
<path
fill="url(#d)"
d="M45.656 197.656 0 243.312l45.656 45.657 11.313-11.313-34.344-34.344 34.344-34.343zm0 0"
/>
<path
fill="url(#e)"
d="M87.266 350.793h-16v64.566h64.566v-16H87.266zm0 0"
/>
<path
fill="url(#f)"
d="m243.313 464-34.344-34.344-11.313 11.313 45.656 45.656 45.657-45.656-11.313-11.313zm0 0"
/>
<path
fill="url(#g)"
d="M399.36 399.36h-48.567v16h64.566v-64.567h-16zm0 0"
/>
<path
fill="url(#h)"
d="m440.969 197.656-11.313 11.313L464 243.313l-34.344 34.343 11.313 11.313 45.656-45.656zm0 0"
/>
<path
fill="url(#i)"
d="M350.793 87.266h48.566v48.566h16V71.266h-64.566zm0 0"
/>
<path
fill="url(#j)"
d="M243.313 99.313c-79.532 0-144 64.468-144 144 0 79.527 64.468 144 144 144 79.527 0 144-64.473 144-144-.094-79.493-64.512-143.907-144-144zm0 272c-70.692 0-128-57.31-128-128s57.308-128 128-128 128 57.308 128 128c-.086 70.656-57.344 127.914-128 128zm0 0"
/>
</svg>
More icons in the same style and category