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

Similar Icons

Signal Slash Solid - status icon from HeroIcons
signal slash solid
Chevron Left Solid - navigation icon from HeroIcons
chevron left solid
Cloud Arrow Up - actions icon from HeroIcons
cloud arrow up
Presentation Chart Bar - data icon from HeroIcons
presentation chart bar
Arrow Down Left 16 Solid - navigation icon from HeroIcons
arrow down left 16 solid
Bold 20 Solid - typography icon from HeroIcons
bold 20 solid
Arrow Trending Up 20 Solid - data icon from HeroIcons
arrow trending up 20 solid
Building Storefront Solid - interface icon from HeroIcons
building storefront solid
Radio 20 Solid - interface icon from HeroIcons
radio 20 solid