The Lucide crosshair icon depicts a targeting reticle, commonly used in UIs to indicate a point of focus, selection, or aiming.
Common uses
- Zoom control
- Map marker
- Aiming reticle in games
Use it in React
Install
npm i lucide-reactImport & render
import { Crosshair } from 'lucide-react';
<Crosshair size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- aimtargetcrosshairreticlecrosshairs
FAQ
- What is the crosshair icon used for?
- It's typically used to represent aiming, targeting, or a specific point of focus within an interface.
- How do I use the crosshair icon in React?
- You can import and use it like this: import { Crosshair } from 'lucide-react'; <Crosshair />.
- What is the license for the Lucide crosshair icon?
- The Lucide icon library, including the crosshair 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 →