The Tabler focus icon visually represents a camera lens or a target, commonly used in UI to indicate settings related to focus, aiming, or targeting.
Common uses
- Camera focus adjustment control
- Targeting or aim settings
- Zoom or magnification feature
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFocus } from '@tabler/icons-react';
<IconFocus size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Photography
- Keywords
- targetbullseyeaimfocuscamerapicturecapturelensimagephotography
FAQ
- What does the focus icon represent?
- It depicts a camera lens or a bullseye, symbolizing focus, aiming, or targeting in a visual context.
- How do I use the focus icon in React?
- You can import and use it directly with: import { IconFocus } from '@tabler/icons-react'. Then render it as <IconFocus />.
- What is the license for the Tabler focus icon?
- The Tabler icon library, including the focus icon, is available 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 →