John KuehJohn Kueh

sun icon

Lucide · sun · ISC

Download SVG

The Lucide sun icon depicts a stylized sun, commonly used to represent brightness, weather conditions, or summer themes in user interfaces.

Common uses

  • Displaying current weather (sunny).
  • Toggling light/dark mode.
  • Indicating a summer or vacation setting.

Use it in React

Install
npm i lucide-react
Import & render
import { Sun } from 'lucide-react';

<Sun size={24} />

Details

Library
Lucide (1,713 icons)
License
ISC
viewBox
0 0 24 24
Keywords
brightnessweatherlightsummersunbrightness iconweather iconday iconsummer icon

FAQ

What does the sun icon represent?
It represents the sun, symbolizing light, warmth, brightness, and sunny weather.
How do I use the sun icon in React?
You can import and use it like this: import { Sun } from 'lucide-react'.
What is the license for the Lucide sun icon?
The Lucide icon library, including the sun icon, is available under the ISC license.

Related icons

The same idea in other libraries, and near matches in Lucide.

Looking for something else? Search Lucide and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →