The Lucide focus icon depicts a camera lens with a dashed circle, commonly used to represent focus, aiming, or selection in user interfaces.
Common uses
- Setting camera focus in a photo app.
- Indicating the active element in a form.
- Visualizing a search or targeting reticle.
Use it in React
Install
npm i lucide-reactImport & render
import { Focus } from 'lucide-react';
<Focus size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- cameralensphotodashedfocustargetreticleaimcenter
FAQ
- What does the focus icon represent?
- It visually represents the concept of focus, aiming, or selecting a specific area or element.
- How do I use the focus icon in React?
- You can import and use it in your React components like this: import { Focus } from 'lucide-react'.
- What is the license for the Lucide focus icon?
- The Lucide icon library, including the focus 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 →