git commit icon
git-commit-bold from Solar by 480 Design · Bold · IT · CC-BY-4.0 Attribution required.
- Name
- git-commit-bold
- Set
- Solar
- Style
- Bold
- Category
- IT
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More it icons from Solar
braces-boldbrackets-boldbug-boldbug-minimalistic-boldcode-2-boldcode-boldcode-circle-boldcode-square-boldcommand-boldgit-branch-boldgit-diff-boldgit-fork-boldgit-graph-boldgit-pull-request-boldhashtag-boldhashtag-chat-boldhashtag-circle-boldhashtag-square-boldpanel-top-boldpanel-top-close-boldpanel-top-open-boldpanels-top-left-boldparentheses-boldprogramming-bold
Use the git commit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 8.24707C13.8159 8.24707 15.3302 9.53786 15.6758 11.252H22C22.4142 11.252 22.75 11.5877 22.75 12.002C22.75 12.4162 22.4142 12.752 22 12.752H15.6738C15.3245 14.4612 13.8125 15.7471 12 15.7471C10.1858 15.7471 8.67266 14.4587 8.3252 12.7471H2C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471H8.3252C8.67266 9.53541 10.1858 8.24707 12 8.24707ZM12 9.74707C10.7574 9.74707 9.75 10.7544 9.75 11.9971C9.75 13.2397 10.7574 14.2471 12 14.2471C13.2426 14.2471 14.25 13.2397 14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 9.74707Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarGitCommitBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12 8.24707C13.8159 8.24707 15.3302 9.53786 15.6758 11.252H22C22.4142 11.252 22.75 11.5877 22.75 12.002C22.75 12.4162 22.4142 12.752 22 12.752H15.6738C15.3245 14.4612 13.8125 15.7471 12 15.7471C10.1858 15.7471 8.67266 14.4587 8.3252 12.7471H2C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471H8.3252C8.67266 9.53541 10.1858 8.24707 12 8.24707ZM12 9.74707C10.7574 9.74707 9.75 10.7544 9.75 11.9971C9.75 13.2397 10.7574 14.2471 12 14.2471C13.2426 14.2471 14.25 13.2397 14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 9.74707Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 8.24707C13.8159 8.24707 15.3302 9.53786 15.6758 11.252H22C22.4142 11.252 22.75 11.5877 22.75 12.002C22.75 12.4162 22.4142 12.752 22 12.752H15.6738C15.3245 14.4612 13.8125 15.7471 12 15.7471C10.1858 15.7471 8.67266 14.4587 8.3252 12.7471H2C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471H8.3252C8.67266 9.53541 10.1858 8.24707 12 8.24707ZM12 9.74707C10.7574 9.74707 9.75 10.7544 9.75 11.9971C9.75 13.2397 10.7574 14.2471 12 14.2471C13.2426 14.2471 14.25 13.2397 14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 9.74707Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-git-commit-bold {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%208.24707C13.8159%208.24707%2015.3302%209.53786%2015.6758%2011.252H22C22.4142%2011.252%2022.75%2011.5877%2022.75%2012.002C22.75%2012.4162%2022.4142%2012.752%2022%2012.752H15.6738C15.3245%2014.4612%2013.8125%2015.7471%2012%2015.7471C10.1858%2015.7471%208.67266%2014.4587%208.3252%2012.7471H2C1.58579%2012.7471%201.25%2012.4113%201.25%2011.9971C1.25%2011.5829%201.58579%2011.2471%202%2011.2471H8.3252C8.67266%209.53541%2010.1858%208.24707%2012%208.24707ZM12%209.74707C10.7574%209.74707%209.75%2010.7544%209.75%2011.9971C9.75%2013.2397%2010.7574%2014.2471%2012%2014.2471C13.2426%2014.2471%2014.25%2013.2397%2014.25%2011.9971C14.25%2010.7544%2013.2426%209.74707%2012%209.74707Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%208.24707C13.8159%208.24707%2015.3302%209.53786%2015.6758%2011.252H22C22.4142%2011.252%2022.75%2011.5877%2022.75%2012.002C22.75%2012.4162%2022.4142%2012.752%2022%2012.752H15.6738C15.3245%2014.4612%2013.8125%2015.7471%2012%2015.7471C10.1858%2015.7471%208.67266%2014.4587%208.3252%2012.7471H2C1.58579%2012.7471%201.25%2012.4113%201.25%2011.9971C1.25%2011.5829%201.58579%2011.2471%202%2011.2471H8.3252C8.67266%209.53541%2010.1858%208.24707%2012%208.24707ZM12%209.74707C10.7574%209.74707%209.75%2010.7544%209.75%2011.9971C9.75%2013.2397%2010.7574%2014.2471%2012%2014.2471C13.2426%2014.2471%2014.25%2013.2397%2014.25%2011.9971C14.25%2010.7544%2013.2426%209.74707%2012%209.74707Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/git-commit-bold.svg?color=%231a73e8&size=48