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.