<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><g transform="translate(0 0)"><path fill="currentColor" d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2m0 13a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15m0-8a3 3 0 1 0 0 6a3 3 0 0 0 0-6m5.657-1.596a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06zm-9.193 9.192a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06zM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10M5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10m9.596 5.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06zM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06z"/></g></svg>
Customize
About this icon
The HeroIcons version of the sun 20 icon, in a filled style. In theme switches the sun means light mode. It pairs best with a moon from the same set.
It's a solid shape on a 20 × 20 grid. Solid icons stay readable at small sizes and recolour cleanly.
It's free for personal and commercial use (MIT).
| Icon set | HeroIcons (version 1.2.3) |
| Author | Refactoring UI Inc |
| Licence | MIT |
| Style | filled |
| Original size | 20 × 20 |
| Name | heroicons:sun-20-solid |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it