The Phosphor arrows merge icon visually represents the action of combining or joining multiple elements into one, often used to signify merging data, processes, or selections.
Common uses
- Merging user selections
- Combining data streams
- Joining process steps
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowsMerge } from '@phosphor-icons/react';
<ArrowsMerge size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowsMerge size={24} />thin
<ArrowsMerge size={24} weight="thin" />light
<ArrowsMerge size={24} weight="light" />bold
<ArrowsMerge size={24} weight="bold" />fill
<ArrowsMerge size={24} weight="fill" />duotone
<ArrowsMerge size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- *updated*arrowheadsjoincombinearrowsmergejoin arrowscombine arrowsmerge icon
FAQ
- What does the arrows merge icon represent?
- It depicts multiple arrows coming together into a single point, symbolizing a merge or join operation.
- How do I use the arrows merge icon in React?
- You can import and use it like this: import { ArrowsMerge } from '@phosphor-icons/react'.
- What is the license for the Phosphor arrows merge icon?
- The Phosphor icon library, including the arrows merge icon, is available 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 →