The Phosphor plus minus icon visually represents the concept of addition and subtraction, commonly used in interfaces to indicate toggling between states, adjusting values, or signifying a range.
Common uses
- Toggling expandable/collapsible sections
- Adjusting quantity in a shopping cart
- Indicating a value can be increased or decreased
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { PlusMinus } from '@phosphor-icons/react';
<PlusMinus size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<PlusMinus size={24} />thin
<PlusMinus size={24} weight="thin" />light
<PlusMinus size={24} weight="light" />bold
<PlusMinus size={24} weight="bold" />fill
<PlusMinus size={24} weight="fill" />duotone
<PlusMinus size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- plus or minusplus/minusadd/subtractadditionsumsubtractiondifferencemathematicsarithmeticcalculator+-±technology & developmentfinancesplus
FAQ
- What is the plus minus icon used for?
- It's used to show that a value can be added or subtracted, or to indicate a toggle between two states like expanded/collapsed.
- How do I use the plus minus icon in React?
- You can import and use it like this: import { PlusMinus } from '@phosphor-icons/react'; <PlusMinus size={24} />
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free usage in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.