The Phosphor subtract icon visually represents the removal of one element from another, commonly used in design tools for operations like minus or difference.
Common uses
- Removing an item from a list
- Applying a 'difference' operation in a graphics editor
- Decrementing a counter or value
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Subtract } from '@phosphor-icons/react';
<Subtract size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Subtract size={24} />thin
<Subtract size={24} weight="thin" />light
<Subtract size={24} weight="light" />bold
<Subtract size={24} weight="bold" />fill
<Subtract size={24} weight="fill" />duotone
<Subtract size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- booleanintersectioncombinesplitmergeuniondesigneditorsubtractminusremovedeletedifference
FAQ
- What is the purpose of the subtract icon?
- It signifies an operation where one part is taken away from another, like subtraction or removal.
- How do I use the subtract icon in React?
- You can import it using `import { Subtract } from '@phosphor-icons/react';` and then use it as a component: `<Subtract />`.
- 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.