The Phosphor git merge icon visually represents the process of combining different branches of code, commonly used in UIs to signify merging operations in version control systems.
Common uses
- Button to initiate a code merge
- Status indicator for a merge conflict
- Label for a version control settings section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { GitMerge } from '@phosphor-icons/react';
<GitMerge size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<GitMerge size={24} />thin
<GitMerge size={24} weight="thin" />light
<GitMerge size={24} weight="light" />bold
<GitMerge size={24} weight="bold" />fill
<GitMerge size={24} weight="fill" />duotone
<GitMerge size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- *updated*githubvcssource controlversion controlversioningsplittechnology & developmentgitmergecode mergebranch integrationcombine branches
FAQ
- What does the git merge icon represent?
- It symbolizes the action of integrating changes from one branch into another within a version control system like Git.
- How do I use the git merge icon in React?
- Import it as GitMerge from '@phosphor-icons/react' and use it as a component: `<GitMerge />`.
- What is the license for this icon?
- The Phosphor icon library, including the git 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 →