The Phosphor intersect square icon depicts two overlapping squares, commonly used to represent the concept of intersection or a Venn diagram in user interfaces.
Common uses
- Button for set intersection operation
- Indicator for overlapping data sets
- Visual element in a diagramming tool
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { IntersectSquare } from '@phosphor-icons/react';
<IntersectSquare size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<IntersectSquare size={24} />thin
<IntersectSquare size={24} weight="thin" />light
<IntersectSquare size={24} weight="light" />bold
<IntersectSquare size={24} weight="bold" />fill
<IntersectSquare size={24} weight="fill" />duotone
<IntersectSquare size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- venn-diagramjoinintersectiondesigneditorintersectsquarevenn diagram iconset intersection iconoverlap iconjoin icon
FAQ
- What does the intersect square icon represent?
- It visually represents the intersection of two sets or elements, often seen in contexts like Venn diagrams or data analysis.
- How do I use the intersect square icon in React?
- You can import and use it in your React application with: import { IntersectSquare } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons, including the intersect square icon, are distributed 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 →