The Lucide lightbulb icon visually represents an idea or a moment of inspiration, commonly used in UIs to signify suggestions, tips, or new concepts.
Common uses
- Suggesting a new feature
- Highlighting a helpful tip
- Indicating a 'bright idea' section
Use it in React
Install
npm i lucide-reactImport & render
import { Lightbulb } from 'lucide-react';
<Lightbulb size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- ideabrightlightslightbulbinspirationtipbright idea
FAQ
- What does the lightbulb icon represent?
- It symbolizes an idea, inspiration, or a moment of understanding.
- How do I use the lightbulb icon in React?
- Import it from 'lucide-react' and use it as a component: import { Lightbulb } from 'lucide-react'.
- What is the license for the Lucide lightbulb icon?
- The Lucide icon library, including the lightbulb 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 →