The Phosphor exclude icon depicts two overlapping circles with the overlapping section removed, commonly used to represent the concept of exclusion or set difference in user interfaces.
Common uses
- Removing an item from a list or selection.
- Indicating a filter that excludes certain data.
- Representing a 'not' or 'except' operation in a visual editor.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Exclude } from '@phosphor-icons/react';
<Exclude size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Exclude size={24} />thin
<Exclude size={24} weight="thin" />light
<Exclude size={24} weight="light" />bold
<Exclude size={24} weight="bold" />fill
<Exclude size={24} weight="fill" />duotone
<Exclude size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- venn-diagramdifferenceintersectiondesigneditorexcludeset differenceminusnot equalsubtract
FAQ
- What does the exclude icon represent?
- It visually represents the mathematical concept of set difference, where elements present in one set but not in another are shown.
- How do I use the exclude icon in React?
- You can import and use it in your React application like this: import { Exclude } from '@phosphor-icons/react'.
- What is the license for the Phosphor exclude icon?
- The Phosphor icon library, including the exclude icon, is released under the MIT license.
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 →