git branch icon

git-branch from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
git-branch
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

The same icon in other sets

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

Related icons in Codicons

git-branch-changesgit-branch-compactgit-branch-conflictsgit-branch-staged-changesgit-commitgit-comparegit-fetchgit-lensgit-mergegit-pull-requestgit-pull-request-closedgit-pull-request-commentgit-pull-request-creategit-pull-request-donegit-pull-request-draftgit-pull-request-errorgit-pull-request-go-to-changesgit-pull-request-new-changesgit-stashgit-stash-applygit-stash-pop

Use the git branch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14 5.5C14 4.121 12.879 3 11.5 3A2.5 2.5 0 0 0 9 5.5c0 1.182.826 2.169 1.93 2.428A1.5 1.5 0 0 1 9.5 9h-3c-.565 0-1.081.195-1.5.512V4.949C6.14 4.717 7 3.707 7 2.5C7 1.121 5.879 0 4.5 0A2.5 2.5 0 0 0 2 2.5c0 1.208.86 2.217 2 2.449v6.101c-1.14.232-2 1.242-2 2.449c0 1.379 1.121 2.5 2.5 2.5s2.5-1.121 2.5-2.5a2.5 2.5 0 0 0-1.93-2.428A1.5 1.5 0 0 1 6.5 9.999h3a2.5 2.5 0 0 0 2.454-2.046A2.5 2.5 0 0 0 14 5.5m-11-3C3 1.673 3.673 1 4.5 1S6 1.673 6 2.5S5.327 4 4.5 4S3 3.327 3 2.5m3 11c0 .827-.673 1.5-1.5 1.5S3 14.327 3 13.5S3.673 12 4.5 12s1.5.673 1.5 1.5M11.5 7c-.827 0-1.5-.673-1.5-1.5S10.673 4 11.5 4s1.5.673 1.5 1.5S12.327 7 11.5 7"/></svg>

React

import type { SVGProps } from "react";

export function CodiconGitBranch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14 5.5C14 4.121 12.879 3 11.5 3A2.5 2.5 0 0 0 9 5.5c0 1.182.826 2.169 1.93 2.428A1.5 1.5 0 0 1 9.5 9h-3c-.565 0-1.081.195-1.5.512V4.949C6.14 4.717 7 3.707 7 2.5C7 1.121 5.879 0 4.5 0A2.5 2.5 0 0 0 2 2.5c0 1.208.86 2.217 2 2.449v6.101c-1.14.232-2 1.242-2 2.449c0 1.379 1.121 2.5 2.5 2.5s2.5-1.121 2.5-2.5a2.5 2.5 0 0 0-1.93-2.428A1.5 1.5 0 0 1 6.5 9.999h3a2.5 2.5 0 0 0 2.454-2.046A2.5 2.5 0 0 0 14 5.5m-11-3C3 1.673 3.673 1 4.5 1S6 1.673 6 2.5S5.327 4 4.5 4S3 3.327 3 2.5m3 11c0 .827-.673 1.5-1.5 1.5S3 14.327 3 13.5S3.673 12 4.5 12s1.5.673 1.5 1.5M11.5 7c-.827 0-1.5-.673-1.5-1.5S10.673 4 11.5 4s1.5.673 1.5 1.5S12.327 7 11.5 7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14 5.5C14 4.121 12.879 3 11.5 3A2.5 2.5 0 0 0 9 5.5c0 1.182.826 2.169 1.93 2.428A1.5 1.5 0 0 1 9.5 9h-3c-.565 0-1.081.195-1.5.512V4.949C6.14 4.717 7 3.707 7 2.5C7 1.121 5.879 0 4.5 0A2.5 2.5 0 0 0 2 2.5c0 1.208.86 2.217 2 2.449v6.101c-1.14.232-2 1.242-2 2.449c0 1.379 1.121 2.5 2.5 2.5s2.5-1.121 2.5-2.5a2.5 2.5 0 0 0-1.93-2.428A1.5 1.5 0 0 1 6.5 9.999h3a2.5 2.5 0 0 0 2.454-2.046A2.5 2.5 0 0 0 14 5.5m-11-3C3 1.673 3.673 1 4.5 1S6 1.673 6 2.5S5.327 4 4.5 4S3 3.327 3 2.5m3 11c0 .827-.673 1.5-1.5 1.5S3 14.327 3 13.5S3.673 12 4.5 12s1.5.673 1.5 1.5M11.5 7c-.827 0-1.5-.673-1.5-1.5S10.673 4 11.5 4s1.5.673 1.5 1.5S12.327 7 11.5 7"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%205.5C14%204.121%2012.879%203%2011.5%203A2.5%202.5%200%200%200%209%205.5c0%201.182.826%202.169%201.93%202.428A1.5%201.5%200%200%201%209.5%209h-3c-.565%200-1.081.195-1.5.512V4.949C6.14%204.717%207%203.707%207%202.5C7%201.121%205.879%200%204.5%200A2.5%202.5%200%200%200%202%202.5c0%201.208.86%202.217%202%202.449v6.101c-1.14.232-2%201.242-2%202.449c0%201.379%201.121%202.5%202.5%202.5s2.5-1.121%202.5-2.5a2.5%202.5%200%200%200-1.93-2.428A1.5%201.5%200%200%201%206.5%209.999h3a2.5%202.5%200%200%200%202.454-2.046A2.5%202.5%200%200%200%2014%205.5m-11-3C3%201.673%203.673%201%204.5%201S6%201.673%206%202.5S5.327%204%204.5%204S3%203.327%203%202.5m3%2011c0%20.827-.673%201.5-1.5%201.5S3%2014.327%203%2013.5S3.673%2012%204.5%2012s1.5.673%201.5%201.5M11.5%207c-.827%200-1.5-.673-1.5-1.5S10.673%204%2011.5%204s1.5.673%201.5%201.5S12.327%207%2011.5%207%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%205.5C14%204.121%2012.879%203%2011.5%203A2.5%202.5%200%200%200%209%205.5c0%201.182.826%202.169%201.93%202.428A1.5%201.5%200%200%201%209.5%209h-3c-.565%200-1.081.195-1.5.512V4.949C6.14%204.717%207%203.707%207%202.5C7%201.121%205.879%200%204.5%200A2.5%202.5%200%200%200%202%202.5c0%201.208.86%202.217%202%202.449v6.101c-1.14.232-2%201.242-2%202.449c0%201.379%201.121%202.5%202.5%202.5s2.5-1.121%202.5-2.5a2.5%202.5%200%200%200-1.93-2.428A1.5%201.5%200%200%201%206.5%209.999h3a2.5%202.5%200%200%200%202.454-2.046A2.5%202.5%200%200%200%2014%205.5m-11-3C3%201.673%203.673%201%204.5%201S6%201.673%206%202.5S5.327%204%204.5%204S3%203.327%203%202.5m3%2011c0%20.827-.673%201.5-1.5%201.5S3%2014.327%203%2013.5S3.673%2012%204.5%2012s1.5.673%201.5%201.5M11.5%207c-.827%200-1.5-.673-1.5-1.5S10.673%204%2011.5%204s1.5.673%201.5%201.5S12.327%207%2011.5%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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