The Tabler crosshair icon depicts a set of intersecting lines forming a target reticle, commonly used to indicate a focal point, selection area, or aiming mechanism in user interfaces.
Common uses
- Zoom control indicator
- Targeting or selection tool
- Measurement or calibration point
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCrosshair } from '@tabler/icons-react';
<IconCrosshair size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- reticletagtracermeasurementtargetcrosshairsystem
FAQ
- What is the purpose of the crosshair icon?
- It visually represents a point of focus, a target, or a precise selection area within an interface.
- How do I use the crosshair icon in React?
- Import it using `import { IconCrosshair } from '@tabler/icons-react';` and then render it as a component: `<IconCrosshair />`.
- What is the license for the Tabler crosshair icon?
- The Tabler icon library, including the crosshair icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →