Sun SVG 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)·85 icon packs·Free & open source
Showing top 150 results, many more icons available
Search all Sun Icons iconsRelated icons
Sun Icons by library
The icons above come from 85 open-source libraries. Open one to see its full set in a matching style.
- IconPark Outline4
- IconPark4
- Tabler Icons3
- Carbon3
- Myna UI Icons3
- Bootstrap Icons3
- Lucide3
- Element Plus3
- Feather Icons3
- IconOven3
- Keyline Icons3
- Reicon3
73 more libraries
- OpenMoji3
- Game Icons3
- Twitter Emoji3
- Noto Emoji3
- Glyphs3
- Fluent Emoji Flat3
- Fluent Emoji3
- Noto Emoji (v1)3
- Griddy Icons3
- Emoji One (Colored)3
- Fluent Emoji High Contrast3
- Siemens Industrial Experience Icons3
- Emoji One (Monotone)3
- Emoji One (v1)3
- Glyphs Poly3
- Pico-icon3
- Huge Icons2
- WebHostingHub Glyphs2
- IconPark Solid2
- Plump free icons2
- Framework7 Icons2
- Unicons2
- Plump color icons2
- Material Symbols1
- Phosphor1
- Simple Icons1
- TDesign Icons1
- HeroIcons1
- BoxIcons v21
- Akar Icons1
- coolicons1
- Charm Icons1
- Material Symbols Light1
- theSVG Color1
- Web3 Icons Branded1
- Boxicons1
- theSVG1
- Pinhead Map Icons1
- andrsrxn/icons1
- Font Awesome Solid1
- IconPark TwoTone1
- Fluent UI MDL21
- Line Awesome1
- Lets Icons1
- Flex free icons1
- Sharp free icons1
- Font Awesome 6 Solid1
- IonIcons1
- Famicons1
- Pepicons Pencil1
- Pepicons Pop!1
- Pepicons Print1
- Material Line Icons1
- Mage Icons1
- Pixelarticons1
- Firefox OS Emoji1
- Font Awesome 5 Solid1
- Flex color icons1
- Sharp color icons1
- Stash Icons1
- Jam Icons1
- Gravity UI Icons1
- Material Design Iconic Font1
- css.gg1
- BoxIcons v2 Solid1
- @icons1
- Grommet Icons1
- Fontisto1
- Vadivam1
- Pixel Icon1
- CoreUI Free1
- Cyber color icons1
- IcoMoon Free1
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.