Sun Solid icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-solid.json
Category:interface
Tags:sunlightbrightnessthemeday modeilluminationappearance

The sun icon represents light mode and brightness control with its radiating sun design showing illumination.

This light symbol has become the universal indicator for light theme, brightness settings, day mode, and illumination controls across all modern applications and theme systems.

Frequently Asked Questions

Common questions about the Sun Solid icon

Similar Icons

Battery 50 20 Solid - status icon from HeroIcons
battery 50 20 solid
Paper Clip 16 Solid - actions icon from HeroIcons
paper clip 16 solid
Magnifying Glass Minus Solid - actions icon from HeroIcons
magnifying glass minus solid
Document Arrow Down 20 Solid - actions icon from HeroIcons
document arrow down 20 solid
Code Bracket Square 20 Solid - system icon from HeroIcons
code bracket square 20 solid
Envelope Open 16 Solid - communication icon from HeroIcons
envelope open 16 solid
Document Currency Rupee 16 Solid - interface icon from HeroIcons
document currency rupee 16 solid
Envelope 16 Solid - communication icon from HeroIcons
envelope 16 solid
Bars Arrow Up 20 Solid - interface icon from HeroIcons
bars arrow up 20 solid