The Lucide spotlight icon depicts a focused beam of light, commonly used in UI to highlight important elements, draw attention to specific content, or indicate a search or focus function.
Common uses
- Highlighting featured content or promotions.
- Indicating a search or 'find' action.
- Drawing attention to a selected item or active element.
Use it in React
Install
npm i lucide-reactImport & render
import { Spotlight } from 'lucide-react';
<Spotlight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- winnersoapboxstageentertainmentdramapodiumactoractresssingerlightbeamplaytheatreshowfocusconcert
FAQ
- What is the spotlight icon used for?
- It's used to visually draw attention to specific elements or actions in a user interface, similar to a real spotlight on a stage.
- How do I use the spotlight icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { Spotlight } from 'lucide-react'.
- What is the license for the Lucide spotlight icon?
- The Lucide icon library, including the spotlight 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 →