Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, sunlight, warm, summertime, sun, and meteorology. Created in a clean blue style with a white, gray, and teal finish, 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 32 32"
>
<g>
<g fill="none">
<circle cx="16" cy="16" r="3.5" />
<path
d="m22.462 13.987.685-2.113-2.173-.463a.5.5 0 0 1-.384-.385l-.463-2.173-2.114.686a.5.5 0 0 1-.526-.141L16 7.747 14.513 9.4a.5.5 0 0 1-.526.141l-2.114-.686-.463 2.173a.5.5 0 0 1-.384.385l-2.173.463.685 2.113a.5.5 0 0 1-.141.526L7.747 16 9.4 17.487a.5.5 0 0 1 .141.526l-.685 2.113 2.173.463a.5.5 0 0 1 .384.385l.463 2.173 2.114-.686a.5.5 0 0 1 .526.141L16 24.253l1.487-1.653a.5.5 0 0 1 .526-.141l2.114.686.463-2.173a.5.5 0 0 1 .384-.385l2.173-.463-.685-2.113a.5.5 0 0 1 .141-.526L24.253 16 22.6 14.513a.5.5 0 0 1-.138-.526zM16 20.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5z"
/>
<path
d="M16 2.5c-.283 0-.559.025-.837.042a13.992 13.992 0 0 0 0 26.915c.278.017.555.042.837.042a13.5 13.5 0 0 0 0-27zm9.335 13.871-1.822 1.642.757 2.333a.5.5 0 0 1-.372.643l-2.4.511-.511 2.4a.5.5 0 0 1-.643.371l-2.333-.757-1.642 1.822a.5.5 0 0 1-.742 0l-1.642-1.822-2.333.757a.5.5 0 0 1-.643-.371l-.509-2.4-2.4-.511a.5.5 0 0 1-.372-.643l.757-2.333-1.82-1.642a.5.5 0 0 1 0-.743l1.822-1.642-.757-2.332a.5.5 0 0 1 .372-.643l2.4-.511.511-2.4a.5.5 0 0 1 .643-.371l2.333.757 1.642-1.822a.5.5 0 0 1 .742 0l1.642 1.822 2.333-.757a.5.5 0 0 1 .643.371l.511 2.4 2.4.511a.5.5 0 0 1 .372.643l-.757 2.333 1.822 1.642a.5.5 0 0 1 0 .743z"
/>
</g>
<path
fill="#ddeaff"
d="M5 16A14.007 14.007 0 0 1 15.163 2.542a13.483 13.483 0 0 0 0 26.915A14.007 14.007 0 0 1 5 16z"
/>
<path
fill="#0097e6"
d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm0 28c-.283 0-.559-.025-.837-.042a13.483 13.483 0 0 1 0-26.915c.278-.017.555-.042.837-.042a13.5 13.5 0 0 1 0 27z"
/>
<path
fill="#487eb0"
d="m23.513 13.987.757-2.333a.5.5 0 0 0-.372-.643L21.5 10.5l-.511-2.4a.5.5 0 0 0-.643-.371l-2.333.757-1.642-1.821a.5.5 0 0 0-.742 0l-1.642 1.822-2.333-.757a.5.5 0 0 0-.643.371L10.5 10.5l-2.4.511a.5.5 0 0 0-.372.643l.757 2.333-1.82 1.642a.5.5 0 0 0 0 .743l1.822 1.642-.757 2.332a.5.5 0 0 0 .372.643l2.4.511.511 2.4a.5.5 0 0 0 .643.371l2.333-.757 1.642 1.822a.5.5 0 0 0 .742 0l1.642-1.822 2.333.757a.5.5 0 0 0 .643-.371l.511-2.4 2.4-.511a.5.5 0 0 0 .372-.643l-.757-2.333 1.822-1.642a.5.5 0 0 0 0-.743zm-.91 3.5a.5.5 0 0 0-.141.526l.685 2.113-2.173.463a.5.5 0 0 0-.384.385l-.463 2.173-2.114-.686a.5.5 0 0 0-.526.141L16 24.253 14.513 22.6a.5.5 0 0 0-.526-.141l-2.114.686-.463-2.173a.5.5 0 0 0-.384-.385l-2.173-.463.685-2.113a.5.5 0 0 0-.141-.526L7.747 16 9.4 14.513a.5.5 0 0 0 .141-.526l-.685-2.113 2.173-.463a.5.5 0 0 0 .384-.385l.463-2.173 2.114.686a.5.5 0 0 0 .526-.141L16 7.747 17.487 9.4a.5.5 0 0 0 .526.141l2.114-.686.463 2.173a.5.5 0 0 0 .384.385l2.173.463-.685 2.113a.5.5 0 0 0 .141.526L24.253 16z"
/>
<path
fill="#0097e6"
d="M16 11.5a4.5 4.5 0 1 0 4.5 4.5 4.5 4.5 0 0 0-4.5-4.5zm0 8a3.5 3.5 0 1 1 3.5-3.5 3.5 3.5 0 0 1-3.5 3.5z"
/>
</g>
</svg>
More icons in the same style and category