The HugeIcons vertical resize icon visually represents the action of adjusting the height of an element or window, commonly used in interfaces to indicate resizable areas.
Common uses
- Resizing text areas
- Adjusting modal height
- Window dimension controls
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { VerticalResizeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={VerticalResizeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- height adjustresize heightvertical scaleexpand height
FAQ
- What does the vertical resize icon signify?
- This icon signifies the ability to change the height of an element or interface area. It's typically used to indicate that a user can drag to make something taller or shorter.
- How do I use the VerticalResizeIcon in React?
- Import both HugeiconsIcon and VerticalResizeIcon, then render the icon using the HugeiconsIcon component with the VerticalResizeIcon passed to the 'icon' prop: <HugeiconsIcon icon={VerticalResizeIcon} />.
- What is the license for this icon?
- The VerticalResizeIcon from the HugeIcons library is available 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 →