The Phosphor union icon depicts the mathematical symbol for set union (∪), commonly used in finance or data-related UIs to represent combining or merging elements.
Common uses
- Combine financial accounts
- Merge data sets
- Add members to a group
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Union } from '@phosphor-icons/react';
<Union size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Union size={24} />thin
<Union size={24} weight="thin" />light
<Union size={24} weight="light" />bold
<Union size={24} weight="bold" />fill
<Union size={24} weight="fill" />duotone
<Union size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- *new*∪unionsetmembermathematicsarithmeticcalculatorfinancestechnology & developmentset unioncombinemerge
FAQ
- What does the union icon represent?
- It represents the mathematical concept of set union (∪), signifying the combination of elements from multiple sets.
- How do I use the union icon in React?
- You can import and use it like this: import { Union } from '@phosphor-icons/react'. Then render it as <Union />.
- What is the license for the Phosphor union icon?
- The Phosphor icon library, including the union icon, is available under the MIT license.