The Lucide sun dim icon depicts a sun with reduced brightness, commonly used to represent settings for dimming lights or lowering screen brightness.
Common uses
- Brightness slider control
- Night mode toggle
- Screen dimming option
Use it in React
Install
npm i lucide-reactImport & render
import { SunDim } from 'lucide-react';
<SunDim size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- brightnessdimlowbrightness lowsunlow brightnessdark mode
FAQ
- What does the sun-dim icon represent?
- It represents a dimmed sun, typically used for UI elements related to reducing light intensity, such as screen brightness or ambient lighting.
- How do I use the sun-dim icon in React?
- You can import and use it in React with: import { SunDim } from 'lucide-react'
- What is the license for the sun-dim icon?
- The sun-dim icon is part of the Lucide library, which is distributed 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 →