git branch icon

git-branch from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name
git-branch
Set
Octicons
Style
Regular
Viewbox
10×16
License
MIT

2 other variants in Octicons

git-branch-16git-branch-24

The same icon in other sets

git-branchBoxIcons v2git-branchCodiconsgit-branchFeather Iconsgit-branchcss.gggit-branchHuge Iconsgit-branchIconoirgit-branchIonIconsgit-branchLucidegit-branchMajesticonsgit-branch-fillMingCute Icongit-branchMyna UI Iconsgit-branchPhosphorgit-branchPixelarticonsgit-branch-fillRemix Icongit-branch-boldSolargit-branchTabler Iconsgit-branchTDesign Iconsgit-branch-outlineTeenyicons

Related icons in Octicons

git-branch-check-16git-commitgit-comparegit-mergegit-merge-queue-16git-pull-requestgit-pull-request-closed-16git-pull-request-draft-16git-pull-request-locked-16git-pull-request-unlisted-16

Use the git branch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38c-.4.4-.86.61-1.38.63c-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72c0 1.11.89 2 2 2c1.11 0 2-.89 2-2c0-.53-.2-1-.53-1.36c.09-.06.48-.41.59-.47c.25-.11.56-.17.94-.17c1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonGitBranch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 10 16"><path fillRule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38c-.4.4-.86.61-1.38.63c-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72c0 1.11.89 2 2 2c1.11 0 2-.89 2-2c0-.53-.2-1-.53-1.36c.09-.06.48-.41.59-.47c.25-.11.56-.17.94-.17c1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38c-.4.4-.86.61-1.38.63c-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72c0 1.11.89 2 2 2c1.11 0 2-.89 2-2c0-.53-.2-1-.53-1.36c.09-.06.48-.41.59-.47c.25-.11.56-.17.94-.17c1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2c0-.65.55-1.2 1.2-1.2c.65 0 1.2.55 1.2 1.2c0 .65-.55 1.2-1.2 1.2z" fill="currentColor"/></svg>
</template>

CSS

.icon-git-branch {
  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%2010%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%205c0-1.11-.89-2-2-2a1.993%201.993%200%200%200-1%203.72v.3c-.02.52-.23.98-.63%201.38c-.4.4-.86.61-1.38.63c-.83.02-1.48.16-2%20.45V4.72a1.993%201.993%200%200%200-1-3.72C.88%201%200%201.89%200%203a2%202%200%200%200%201%201.72v6.56c-.59.35-1%20.99-1%201.72c0%201.11.89%202%202%202c1.11%200%202-.89%202-2c0-.53-.2-1-.53-1.36c.09-.06.48-.41.59-.47c.25-.11.56-.17.94-.17c1.05-.05%201.95-.45%202.75-1.25S8.95%207.77%209%206.73h-.02C9.59%206.37%2010%205.73%2010%205zM2%201.8c.66%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2C1.35%204.2.8%203.65.8%203c0-.65.55-1.2%201.2-1.2zm0%2012.41c-.66%200-1.2-.55-1.2-1.2c0-.65.55-1.2%201.2-1.2c.65%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2zm6-8c-.66%200-1.2-.55-1.2-1.2c0-.65.55-1.2%201.2-1.2c.65%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2z%22%20fill%3D%22currentColor%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%2010%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%205c0-1.11-.89-2-2-2a1.993%201.993%200%200%200-1%203.72v.3c-.02.52-.23.98-.63%201.38c-.4.4-.86.61-1.38.63c-.83.02-1.48.16-2%20.45V4.72a1.993%201.993%200%200%200-1-3.72C.88%201%200%201.89%200%203a2%202%200%200%200%201%201.72v6.56c-.59.35-1%20.99-1%201.72c0%201.11.89%202%202%202c1.11%200%202-.89%202-2c0-.53-.2-1-.53-1.36c.09-.06.48-.41.59-.47c.25-.11.56-.17.94-.17c1.05-.05%201.95-.45%202.75-1.25S8.95%207.77%209%206.73h-.02C9.59%206.37%2010%205.73%2010%205zM2%201.8c.66%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2C1.35%204.2.8%203.65.8%203c0-.65.55-1.2%201.2-1.2zm0%2012.41c-.66%200-1.2-.55-1.2-1.2c0-.65.55-1.2%201.2-1.2c.65%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2zm6-8c-.66%200-1.2-.55-1.2-1.2c0-.65.55-1.2%201.2-1.2c.65%200%201.2.55%201.2%201.2c0%20.65-.55%201.2-1.2%201.2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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