Sun Icons
Sun icons serve weather interfaces, brightness controls, and the light half of theme toggles. Rayed circles from minimal four-ray marks to detailed sunrise scenes are collected here.
Showing top 150 (of many)·86 icon packs·Free & open source
Showing top 150 results, many more icons available
Search all Sun Icons iconsSource libraries
| Library | Icons | Total in pack | |
|---|---|---|---|
| IconPark Outline | 4 | 2,658 | View → |
| IconPark | 4 | 2,658 | View → |
| Tabler Icons | 3 | 6,184 | View → |
| Myna UI Icons | 3 | 2,620 | View → |
| Carbon | 3 | 2,618 | View → |
| Bootstrap Icons | 3 | 2,078 | View → |
| Lucide | 3 | 1,847 | View → |
| Element Plus | 3 | 293 | View → |
| Feather Icons | 3 | 286 | View → |
| Reicon | 3 | 6,590 | View → |
| OpenMoji | 3 | 4,544 | View → |
| Keyline Icons | 3 | 4,394 | View → |
| Game Icons | 3 | 4,133 | View → |
| Twitter Emoji | 3 | 3,988 | View → |
| Noto Emoji | 3 | 3,710 | View → |
| Glyphs | 3 | 3,452 | View → |
| Fluent Emoji Flat | 3 | 3,145 | View → |
| Fluent Emoji | 3 | 3,126 | View → |
| Noto Emoji (v1) | 3 | 2,162 | View → |
| Griddy Icons | 3 | 2,010 | View → |
| Emoji One (Colored) | 3 | 1,834 | View → |
| Fluent Emoji High Contrast | 3 | 1,595 | View → |
| Siemens Industrial Experience Icons | 3 | 1,479 | View → |
| Emoji One (Monotone) | 3 | 1,403 | View → |
| Emoji One (v1) | 3 | 1,262 | View → |
| Glyphs Poly | 3 | 863 | View → |
| Pico-icon | 3 | 824 | View → |
| Huge Icons | 2 | 6,065 | View → |
| WebHostingHub Glyphs | 2 | 2,125 | View → |
| IconPark Solid | 2 | 1,947 | View → |
| Plump free icons | 2 | 1,499 | View → |
| Framework7 Icons | 2 | 1,253 | View → |
| Unicons | 2 | 1,215 | View → |
| Plump color icons | 2 | 1,000 | View → |
| Meteocons | 2 | 447 | View → |
| Material Symbols | 1 | 15,642 | View → |
| Phosphor | 1 | 9,072 | View → |
| Simple Icons | 1 | 3,460 | View → |
| TDesign Icons | 1 | 2,356 | View → |
| HeroIcons | 1 | 1,288 | View → |
| BoxIcons v2 | 1 | 814 | View → |
| Akar Icons | 1 | 454 | View → |
| coolicons | 1 | 442 | View → |
| Charm Icons | 1 | 261 | View → |
| Material Symbols Light | 1 | 15,707 | View → |
| theSVG Color | 1 | 4,885 | View → |
| Web3 Icons Branded | 1 | 4,081 | View → |
| Boxicons | 1 | 3,768 | View → |
| theSVG | 1 | 3,753 | View → |
| Pinhead Map Icons | 1 | 2,709 | View → |
| Font Awesome Solid | 1 | 2,000 | View → |
| IconPark TwoTone | 1 | 1,944 | View → |
| Fluent UI MDL2 | 1 | 1,735 | View → |
| Line Awesome | 1 | 1,544 | View → |
| Lets Icons | 1 | 1,528 | View → |
| Flex free icons | 1 | 1,500 | View → |
| Sharp free icons | 1 | 1,500 | View → |
| Font Awesome 6 Solid | 1 | 1,402 | View → |
| IonIcons | 1 | 1,357 | View → |
| Famicons | 1 | 1,342 | View → |
| Pepicons Pencil | 1 | 1,275 | View → |
| Pepicons Pop! | 1 | 1,275 | View → |
| Pepicons Print | 1 | 1,275 | View → |
| Material Line Icons | 1 | 1,218 | View → |
| Mage Icons | 1 | 1,042 | View → |
| Pixelarticons | 1 | 1,036 | View → |
| Firefox OS Emoji | 1 | 1,034 | View → |
| Font Awesome 5 Solid | 1 | 1,001 | View → |
| Flex color icons | 1 | 1,000 | View → |
| Sharp color icons | 1 | 1,000 | View → |
| Stash Icons | 1 | 982 | View → |
| Jam Icons | 1 | 940 | View → |
| Gravity UI Icons | 1 | 799 | View → |
| Material Design Iconic Font | 1 | 777 | View → |
| css.gg | 1 | 704 | View → |
| BoxIcons v2 Solid | 1 | 665 | View → |
| Grommet Icons | 1 | 636 | View → |
| @icons | 1 | 618 | View → |
| Fontisto | 1 | 615 | View → |
| Pixel Icon | 1 | 578 | View → |
| CoreUI Free | 1 | 554 | View → |
| Vadivam | 1 | 508 | View → |
| Cyber color icons | 1 | 500 | View → |
| IcoMoon Free | 1 | 491 | View → |
| PrestaShop Icons | 1 | 479 | View → |
| System UIcons | 1 | 430 | View → |
Related icons
Frequently Asked Questions
Sun icon on a theme toggle: which state does it show?
Two conventions exist: showing the current theme or the one you switch to. Showing the current state (sun while in light mode) with a moon swap on toggle is the more common pattern; pick one and stay consistent.
How many rays should a sun icon have?
Eight is the sweet spot for 16 to 24px: fewer looks like an asterisk, more blurs together. Long-ray sunrise variants need 32px and up to stay legible.
Browse more