The Lucide sunrise icon depicts the sun just above the horizon, commonly used to represent the start of a new day, morning, or a time-related setting in user interfaces.
Common uses
- Displaying current weather conditions (morning).
- Indicating a 'day' or 'morning' time period in a schedule.
- As a visual cue for waking up or starting an activity.
Use it in React
Install
npm i lucide-reactImport & render
import { Sunrise } from 'lucide-react';
<Sunrise size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weathertimemorningdaysunrisedawnmorning sundaybreaksun up
FAQ
- What does the sunrise icon represent?
- It symbolizes the sun appearing over the horizon, typically indicating morning, the start of the day, or a time-related function.
- How do I use the sunrise icon in React?
- You can import and use it like this: import { Sunrise } from 'lucide-react'; <Sunrise />.
- What is the license for the Lucide sunrise icon?
- The Lucide icon library, including the sunrise 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 →