The HugeIcons resize field icon visually represents the ability to adjust the dimensions of an input field or a container, commonly used to indicate resizable elements in a user interface.
Common uses
- Resizable text areas
- Adjustable form field sizes
- Draggable window corners
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ResizeFieldIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ResizeFieldIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- scaleadjustdimensionsexpand
FAQ
- What is the purpose of the resize field icon?
- This icon signifies an element that can be resized. It's typically used to indicate that a text area, window, or other UI component's dimensions can be changed by the user.
- How do I use the ResizeFieldIcon in React?
- Import both HugeiconsIcon and ResizeFieldIcon from their respective packages, then render the icon using the <HugeiconsIcon icon={ResizeFieldIcon} /> component.
- What is the license for this icon?
- The ResizeFieldIcon 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 →