The Phosphor resize icon depicts a square with outward-pointing arrows, commonly used in UIs to indicate an action for changing the size of an element or window.
Common uses
- Window resizing handle
- Maximize/restore button
- Expandable content area
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Resize } from '@phosphor-icons/react';
<Resize size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Resize size={24} />thin
<Resize size={24} weight="thin" />light
<Resize size={24} weight="light" />bold
<Resize size={24} weight="bold" />fill
<Resize size={24} weight="fill" />duotone
<Resize size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*maximizeexpandgrowdesigneditorresizescaledimensions
FAQ
- What is the Phosphor resize icon used for?
- It visually represents the action of resizing or changing the dimensions of an element, window, or interface area.
- How do I use the resize icon in React?
- You can import and use it like this: import { Resize } from '@phosphor-icons/react'. Then render it as <Resize />.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →