The Phosphor git commit icon visually represents a code commit in version control systems like Git, often used in UIs to signify actions related to committing changes or displaying commit history.
Common uses
- Button to trigger a code commit action.
- Indicator in a list of code changes.
- Label for a section displaying commit logs.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { GitCommit } from '@phosphor-icons/react';
<GitCommit size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<GitCommit size={24} />thin
<GitCommit size={24} weight="thin" />light
<GitCommit size={24} weight="light" />bold
<GitCommit size={24} weight="bold" />fill
<GitCommit size={24} weight="fill" />duotone
<GitCommit size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- githubvcssource controlversion controlversioningcommitstechnology & developmentgitcommitgithub commitcode history
FAQ
- What does the git commit icon represent?
- It represents a commit, which is a snapshot of changes saved in a version control system like Git. It's used in UIs to denote actions or information related to code commits.
- How do I use the git commit icon in React?
- You can import and use it directly from the Phosphor React library: import { GitCommit } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon set, including the git commit 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 →