Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, warm, 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 24 24"
>
<linearGradient
id="b"
x1="6"
x2="18"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="11"
x2="13"
y1="3.5"
y2="3.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="4"
x2="7.343"
y1="5.672"
y2="5.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="2"
x2="5"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="4"
x2="7.343"
y1="18.329"
y2="18.329"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="11"
x2="13"
y1="20.5"
y2="20.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="16.658"
x2="20"
y1="18.329"
y2="18.329"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="19.001"
x2="22"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="16.658"
x2="20"
y1="5.671"
y2="5.671"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M12 6c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"
/>
<path
fill="url(#c)"
d="M12 5a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M6.343 7.343a.997.997 0 0 1-.707-.293L4.293 5.707a1 1 0 1 1 1.414-1.414L7.05 5.636a1 1 0 0 1-.707 1.707z"
/>
<path fill="url(#e)" d="M4 13H3a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M5 20a1 1 0 0 1-.707-1.707l1.343-1.343a1 1 0 1 1 1.414 1.414l-1.343 1.343A.997.997 0 0 1 5 20z"
/>
<path
fill="url(#g)"
d="M12 22a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h.001a1 1 0 0 1 1 1.001l-.001 1A1 1 0 0 1 12 22z"
/>
<path
fill="url(#h)"
d="M19 20a.997.997 0 0 1-.707-.293l-1.342-1.343a1 1 0 1 1 1.414-1.414l1.342 1.343A1 1 0 0 1 19 20z"
/>
<path fill="url(#i)" d="M21 13h-1a1 1 0 0 1 .001-2h1A1 1 0 0 1 21 13z" />
<path
fill="url(#j)"
d="M17.658 7.343a1 1 0 0 1-.707-1.707l1.342-1.343a1 1 0 1 1 1.414 1.414L18.365 7.05a.996.996 0 0 1-.707.293z"
/>
</svg>
More icons in the same style and category