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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-40.504"
x2="-29.902"
y1="617.952"
y2="607.35"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 405.333c88.235 0 160-71.765 160-160s-71.765-160-160-160-160 71.765-160 160 71.766 160 160 160zm0-298.666c76.459 0 138.667 62.208 138.667 138.667S321.792 384 245.333 384s-138.667-62.208-138.667-138.667 62.209-138.666 138.667-138.666z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-36.057"
x2="-34.35"
y1="623.505"
y2="621.798"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 64C251.221 64 256 59.221 256 53.333V10.667C256 4.779 251.221 0 245.333 0s-10.667 4.779-10.667 10.667v42.667C234.667 59.221 239.445 64 245.333 64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.057"
x2="-34.35"
y1="603.505"
y2="601.798"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M234.667 437.333V480c0 5.888 4.779 10.667 10.667 10.667S256 485.888 256 480v-42.667c0-5.888-4.779-10.667-10.667-10.667s-10.666 4.779-10.666 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-26.057"
x2="-24.35"
y1="613.505"
y2="611.798"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M437.333 256H480c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-42.667c-5.888 0-10.667 4.779-10.667 10.667S431.445 256 437.333 256z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-46.057"
x2="-44.35"
y1="613.505"
y2="611.798"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 256h42.667C59.221 256 64 251.221 64 245.333s-4.779-10.667-10.667-10.667H10.667C4.779 234.667 0 239.445 0 245.333S4.779 256 10.667 256z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-28.486"
x2="-27.78"
y1="620.076"
y2="619.369"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M381.099 120.235c2.731 0 5.461-1.045 7.552-3.136l30.165-30.165c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-30.187 30.187c-4.16 4.16-4.16 10.923 0 15.083a10.721 10.721 0 0 0 7.553 3.114z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-42.628"
x2="-41.921"
y1="605.933"
y2="605.227"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M79.403 421.931c2.731 0 5.461-1.045 7.552-3.115l30.165-30.165c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-30.165 30.187c-4.16 4.16-4.16 10.923 0 15.083a10.7 10.7 0 0 0 7.531 3.093z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-29.193"
x2="-27.071"
y1="606.641"
y2="604.52"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M388.629 373.547c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l30.187 30.165a10.61 10.61 0 0 0 7.531 3.115c2.731 0 5.461-1.045 7.552-3.115 4.16-4.16 4.16-10.923 0-15.083l-30.187-30.165z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-43.335"
x2="-41.214"
y1="620.783"
y2="618.662"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M102.037 117.12a10.63 10.63 0 0 0 7.531 3.115c2.731 0 5.461-1.045 7.531-3.136 4.16-4.16 4.16-10.923 0-15.083L86.933 71.851c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l30.187 30.186z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category