The HugeIcons zoom icon visually represents magnification and is commonly used in user interfaces to indicate actions related to zooming in or out of content, or to access zoom controls.
Common uses
- Zooming in/out of an image viewer
- Magnifying search results
- Accessing a map's zoom controls
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ZoomIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ZoomIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- magnifyenlargesearch zoomscale
FAQ
- What does the zoom icon represent?
- It represents magnification, typically used for zooming in or out of content or accessing zoom-related functionalities.
- How do I use the ZoomIcon in React?
- Import both HugeiconsIcon and ZoomIcon, then render <HugeiconsIcon icon={ZoomIcon} />.
- What is the license for this icon?
- The HugeIcons zoom icon is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →