Icon sets / HeroIcons v1 Outline / sun
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/></g></svg>
Customize
About this icon
This is the sun icon from HeroIcons v1 Outline, in its line style. In theme switches the sun means light mode. It pairs best with a moon from the same set.
It's drawn with lines on a 24 × 24 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. Want it heavier? Drag the stroke slider, then download.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in more than 20 other styles below.
| Icon set | HeroIcons v1 Outline (version 1.2.1) |
| Author | Refactoring UI Inc |
| Licence | MIT |
| Style | line |
| Original size | 24 × 24 |
| Name | heroicons-outline:sun |