The Phosphor minus square icon depicts a square with a horizontal line in the center, commonly used to represent actions like collapsing content, removing items, or indicating a negative value in financial contexts.
Common uses
- Collapse/expand sections
- Remove item from list
- Indicate negative balance
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MinusSquare } from '@phosphor-icons/react';
<MinusSquare size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MinusSquare size={24} />thin
<MinusSquare size={24} weight="thin" />light
<MinusSquare size={24} weight="light" />bold
<MinusSquare size={24} weight="bold" />fill
<MinusSquare size={24} weight="fill" />duotone
<MinusSquare size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- -subtractiondifferencemathematicsarithmeticcalculatorfinancessystemminussquaresubtractnegativecollapseremove
FAQ
- What is the minus square icon used for?
- It's used for actions like collapsing content, removing items, or showing negative values, especially in financial interfaces.
- How do I use the minus square icon in React?
- You can import and use it like this: import { MinusSquare } from '@phosphor-icons/react'; <MinusSquare size={24} />.
- 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.