git commit icon

git-commit-outline from Solar by 480 Design · Outline · IT · CC-BY-4.0 Attribution required.

Name
git-commit-outline
Set
Solar
Style
Outline
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

Use the git commit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 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.9971ZM15.75 11.9971C15.75 14.0681 14.0711 15.7471 12 15.7471C9.92893 15.7471 8.25 14.0681 8.25 11.9971C8.25 9.926 9.92893 8.24707 12 8.24707C14.0711 8.24707 15.75 9.926 15.75 11.9971Z"/><path d="M9 11.2471C9.41421 11.2471 9.75 11.5829 9.75 11.9971C9.75 12.4113 9.41421 12.7471 9 12.7471L2 12.7471C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471L9 11.2471Z"/><path d="M22 12.752C22.4142 12.752 22.75 12.4162 22.75 12.002C22.75 11.5877 22.4142 11.252 22 11.252L15 11.252C14.5858 11.252 14.25 11.5877 14.25 12.002C14.25 12.4162 14.5858 12.752 15 12.752L22 12.752Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarGitCommitOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 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.9971ZM15.75 11.9971C15.75 14.0681 14.0711 15.7471 12 15.7471C9.92893 15.7471 8.25 14.0681 8.25 11.9971C8.25 9.926 9.92893 8.24707 12 8.24707C14.0711 8.24707 15.75 9.926 15.75 11.9971Z"/><path d="M9 11.2471C9.41421 11.2471 9.75 11.5829 9.75 11.9971C9.75 12.4113 9.41421 12.7471 9 12.7471L2 12.7471C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471L9 11.2471Z"/><path d="M22 12.752C22.4142 12.752 22.75 12.4162 22.75 12.002C22.75 11.5877 22.4142 11.252 22 11.252L15 11.252C14.5858 11.252 14.25 11.5877 14.25 12.002C14.25 12.4162 14.5858 12.752 15 12.752L22 12.752Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 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.9971ZM15.75 11.9971C15.75 14.0681 14.0711 15.7471 12 15.7471C9.92893 15.7471 8.25 14.0681 8.25 11.9971C8.25 9.926 9.92893 8.24707 12 8.24707C14.0711 8.24707 15.75 9.926 15.75 11.9971Z"/><path d="M9 11.2471C9.41421 11.2471 9.75 11.5829 9.75 11.9971C9.75 12.4113 9.41421 12.7471 9 12.7471L2 12.7471C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471L9 11.2471Z"/><path d="M22 12.752C22.4142 12.752 22.75 12.4162 22.75 12.002C22.75 11.5877 22.4142 11.252 22 11.252L15 11.252C14.5858 11.252 14.25 11.5877 14.25 12.002C14.25 12.4162 14.5858 12.752 15 12.752L22 12.752Z"/></g></svg>
</template>

CSS

.icon-git-commit-outline {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.25%2011.9971C14.25%2010.7544%2013.2426%209.74707%2012%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.9971ZM15.75%2011.9971C15.75%2014.0681%2014.0711%2015.7471%2012%2015.7471C9.92893%2015.7471%208.25%2014.0681%208.25%2011.9971C8.25%209.926%209.92893%208.24707%2012%208.24707C14.0711%208.24707%2015.75%209.926%2015.75%2011.9971Z%22%2F%3E%3Cpath%20d%3D%22M9%2011.2471C9.41421%2011.2471%209.75%2011.5829%209.75%2011.9971C9.75%2012.4113%209.41421%2012.7471%209%2012.7471L2%2012.7471C1.58579%2012.7471%201.25%2012.4113%201.25%2011.9971C1.25%2011.5829%201.58579%2011.2471%202%2011.2471L9%2011.2471Z%22%2F%3E%3Cpath%20d%3D%22M22%2012.752C22.4142%2012.752%2022.75%2012.4162%2022.75%2012.002C22.75%2011.5877%2022.4142%2011.252%2022%2011.252L15%2011.252C14.5858%2011.252%2014.25%2011.5877%2014.25%2012.002C14.25%2012.4162%2014.5858%2012.752%2015%2012.752L22%2012.752Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.25%2011.9971C14.25%2010.7544%2013.2426%209.74707%2012%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.9971ZM15.75%2011.9971C15.75%2014.0681%2014.0711%2015.7471%2012%2015.7471C9.92893%2015.7471%208.25%2014.0681%208.25%2011.9971C8.25%209.926%209.92893%208.24707%2012%208.24707C14.0711%208.24707%2015.75%209.926%2015.75%2011.9971Z%22%2F%3E%3Cpath%20d%3D%22M9%2011.2471C9.41421%2011.2471%209.75%2011.5829%209.75%2011.9971C9.75%2012.4113%209.41421%2012.7471%209%2012.7471L2%2012.7471C1.58579%2012.7471%201.25%2012.4113%201.25%2011.9971C1.25%2011.5829%201.58579%2011.2471%202%2011.2471L9%2011.2471Z%22%2F%3E%3Cpath%20d%3D%22M22%2012.752C22.4142%2012.752%2022.75%2012.4162%2022.75%2012.002C22.75%2011.5877%2022.4142%2011.252%2022%2011.252L15%2011.252C14.5858%2011.252%2014.25%2011.5877%2014.25%2012.002C14.25%2012.4162%2014.5858%2012.752%2015%2012.752L22%2012.752Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/git-commit-outline.svg?color=%231a73e8&size=48