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="671.189"
height="671.189"
viewBox="0 0 503.392 503.392"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="19.696"
x2="491.696"
y1="483.696"
y2="11.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-70.152"
x2="401.848"
y1="393.848"
y2="-78.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-123.032"
x2="348.968"
y1="340.968"
y2="-131.032"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="109.544"
x2="581.544"
y1="573.544"
y2="101.544"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="162.424"
x2="634.424"
y1="626.424"
y2="154.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M115.695 251.695c0 75.114 60.89 136 136 136 75.114 0 136-60.886 136-136 0-75.11-60.886-136-136-136-75.074.086-135.914 60.926-136 136zm256 0c0 66.274-53.726 120-120 120-66.273 0-120-53.726-120-120 0-66.273 53.727-120 120-120 66.243.075 119.926 53.758 120 120zm0 0"
/>
<path
fill="url(#c)"
d="m251.695 0-44.312 99.695h88.625zm0 39.39 19.688 44.305h-39.375zm0 0"
/>
<path
fill="url(#d)"
d="M175.55 112.879 73.72 73.719l39.16 101.832zm-28.726 6.098-27.847 27.847-17.403-45.25zm0 0"
/>
<path
fill="url(#c)"
d="M99.695 207.383 0 251.695l99.695 44.313zm-16 64-44.304-19.688 44.304-19.687zm0 0"
/>
<path
fill="url(#b)"
d="m73.719 429.672 101.832-39.2-62.672-62.671zm73.105-45.258-45.25 17.402 17.403-45.25zm0 0"
/>
<path
fill="url(#e)"
d="m251.695 503.39 44.313-99.695h-88.625zm0-39.39-19.687-44.305h39.375zm0 0"
/>
<path
fill="url(#f)"
d="m327.84 390.512 101.832 39.199-39.2-101.832zm28.726-6.098 27.848-27.848 17.402 45.25zm0 0"
/>
<path
fill="url(#e)"
d="m403.695 296.008 99.696-44.313-99.696-44.312zm16-64L464 251.695l-44.305 19.688zm0 0"
/>
<path
fill="url(#b)"
d="m429.672 73.719-101.832 39.16 62.672 62.672zm-73.106 45.258 45.25-17.403-17.402 45.25zm0 0"
/>
</svg>
More icons in the same style and category