The Phosphor intersect three icon depicts three overlapping circles, commonly used to represent intersections, Venn diagrams, or the joining of multiple elements in UI design.
Common uses
- Venn diagram visualization
- Filtering by multiple criteria
- Representing group overlap
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { IntersectThree } from '@phosphor-icons/react';
<IntersectThree size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<IntersectThree size={24} />thin
<IntersectThree size={24} weight="thin" />light
<IntersectThree size={24} weight="light" />bold
<IntersectThree size={24} weight="bold" />fill
<IntersectThree size={24} weight="fill" />duotone
<IntersectThree size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- venn-diagramjoinintersectiongenderpronounspeopledesigneditorintersectthreevenn diagramthree circlesoverlap
FAQ
- What is the intersect three icon used for?
- It's typically used to visually represent the intersection of three sets or concepts, like in a Venn diagram or when showing how multiple elements overlap.
- How do I use the intersect three icon in React?
- You can import and use it like this: import { IntersectThree } from '@phosphor-icons/react'; <IntersectThree 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.