The Tabler sunset icon depicts the sun low on the horizon, commonly used to represent evening, the end of a day, or a transition period in user interfaces.
Common uses
- Displaying current time of day (evening).
- Indicating a 'close' or 'end' status.
- Representing weather forecasts for sunset times.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSunset } from '@tabler/icons-react';
<IconSunset size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSunset size={24} stroke={2} />filled
<IconSunsetFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Weather
- Keywords
- easthorizonlandscapemorningsunsetclimateforecastmeteorologyatmosphericconditionsweatherdusktwilighteveningsundown
FAQ
- What does the sunset icon represent?
- It visually signifies the sun setting below the horizon, often used for evening, end of day, or related weather conditions.
- How do I use the sunset icon in React?
- You can import and use it directly with: import { IconSunset } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon set, including the sunset icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →