The Lucide zoom in icon depicts a magnifying glass with a plus sign, commonly used to indicate an action that enlarges content or a view.
Common uses
- Enlarging an image or document
- Activating a detailed view
- Increasing the scale of an element
Use it in React
Install
npm i lucide-reactImport & render
import { ZoomIn } from 'lucide-react';
<ZoomIn size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- magnifying glasspluszoominmagnifying glass plusenlargemagnify plusincrease view
FAQ
- What is the purpose of the zoom in icon?
- It visually represents the action of making something appear larger. This is typically used in interfaces to allow users to see more detail.
- How do I use the zoom in icon in React?
- You can import it directly from the 'lucide-react' library. Use it like this: import { ZoomIn } from 'lucide-react'.
- What is the license for the Lucide zoom in icon?
- The Lucide icon library, including the zoom in 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 →