Sun 20 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-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-sun-20-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 20 Solid icon

Similar Icons

Eye Dropper 16 Solid - interface icon from HeroIcons
eye dropper 16 solid
Question Mark Circle 20 Solid - communication icon from HeroIcons
question mark circle 20 solid
Ticket - interface icon from HeroIcons
ticket
Currency Rupee Solid - interface icon from HeroIcons
currency rupee solid
Trophy - interface icon from HeroIcons
trophy
List Bullet Solid - typography icon from HeroIcons
list bullet solid
Clipboard Document Check - status icon from HeroIcons
clipboard document check
Arrow Top Right On Square - navigation icon from HeroIcons
arrow top right on square
Arrow Long Up 20 Solid - navigation icon from HeroIcons
arrow long up 20 solid