# Focus animated icon

Focus is a free animated React icon from Its Hover, built with Motion. It animates on hover and can be triggered from code with startAnimation() and stopAnimation().

## At a glance

- Dependency: motion
- Props: size, color, strokeWidth, className
- File: icons/focus-icon.tsx
- License: Apache-2.0
- Keywords: focus, target, aim, center, concentrate

## Install

```bash
npx shadcn@latest add https://itshover.com/r/focus-icon.json
```

Manual: install `motion`, copy `icons/focus-icon.tsx` from https://github.com/itshover/itshover.

## Related icons

- [Target](https://www.itshover.com/icons/target-icon)
- [Align Center](https://www.itshover.com/icons/align-center-icon)
- [Locate](https://www.itshover.com/icons/locate-icon)
- [Scan Heart](https://www.itshover.com/icons/scan-heart-icon)