The HugeIcons arrow shrink icon visually represents the action of reducing or collapsing an element, commonly used for minimizing windows, collapsing sections, or fitting content within a smaller space.
Common uses
- Minimize window/panel
- Collapse sidebar
- Fit to screen
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrowShrinkIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrowShrinkIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- collapseminimizecontractshrink
FAQ
- What is the purpose of the arrow shrink icon?
- This icon signifies a reduction or shrinking action, often used to make something smaller or fit within a confined area.
- How do I use the ArrowShrinkIcon in React?
- Import both HugeiconsIcon and ArrowShrinkIcon, then render them using: <HugeiconsIcon icon={ArrowShrinkIcon} />.
- What is the license for this icon?
- The ArrowShrinkIcon is distributed under the MIT license, allowing for free use.
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 →