The Phosphor lightbulb filament icon depicts a classic incandescent light bulb, often used to represent ideas, suggestions, or system status related to lighting or energy.
Common uses
- Suggesting a new feature or idea
- Indicating a system status (e.g., 'on' or 'off')
- Representing a 'tip' or 'insight' within an interface
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { LightbulbFilament } from '@phosphor-icons/react';
<LightbulbFilament size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<LightbulbFilament size={24} />thin
<LightbulbFilament size={24} weight="thin" />light
<LightbulbFilament size={24} weight="light" />bold
<LightbulbFilament size={24} weight="bold" />fill
<LightbulbFilament size={24} weight="fill" />duotone
<LightbulbFilament size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- flashlightbulbslightingledenergyideasystemobjectslightbulbfilamentlight bulbincandescentsuggestion
FAQ
- What is the lightbulb filament icon used for?
- It's commonly used to symbolize ideas, suggestions, or concepts. It can also represent lighting or energy-related system states.
- How do I use this icon in React?
- You can import and use it with: `import { LightbulbFilament } from '@phosphor-icons/react'`.
- What is the license for this icon?
- The Phosphor icon library, including the lightbulb filament icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →