git branch icon

git-branch from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name
git-branch
Set
BoxIcons v2
Style
Regular
Viewbox
24×24
License
MIT
Aliases
bx-git-branch

The same icon in other sets

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

Related icons in BoxIcons v2

git-commitgit-comparegit-mergegit-pull-requestgit-repo-forked

Use the git branch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 4C15.57 4 14 5.57 14 7.5c0 1.554 1.025 2.859 2.43 3.315c-.146.932-.547 1.7-1.23 2.323c-1.946 1.773-5.527 1.935-7.2 1.907V8.837c1.44-.434 2.5-1.757 2.5-3.337C10.5 3.57 8.93 2 7 2S3.5 3.57 3.5 5.5c0 1.58 1.06 2.903 2.5 3.337v6.326c-1.44.434-2.5 1.757-2.5 3.337C3.5 20.43 5.07 22 7 22s3.5-1.57 3.5-3.5c0-.551-.14-1.065-.367-1.529c2.06-.186 4.657-.757 6.409-2.35c1.097-.997 1.731-2.264 1.904-3.768C19.915 10.438 21 9.1 21 7.5C21 5.57 19.43 4 17.5 4m-12 1.5C5.5 4.673 6.173 4 7 4s1.5.673 1.5 1.5S7.827 7 7 7s-1.5-.673-1.5-1.5M7 20c-.827 0-1.5-.673-1.5-1.5a1.5 1.5 0 0 1 1.482-1.498l.13.01A1.495 1.495 0 0 1 7 20M17.5 9c-.827 0-1.5-.673-1.5-1.5S16.673 6 17.5 6s1.5.673 1.5 1.5S18.327 9 17.5 9"/></svg>

React

import type { SVGProps } from "react";

export function BxGitBranch(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" d="M17.5 4C15.57 4 14 5.57 14 7.5c0 1.554 1.025 2.859 2.43 3.315c-.146.932-.547 1.7-1.23 2.323c-1.946 1.773-5.527 1.935-7.2 1.907V8.837c1.44-.434 2.5-1.757 2.5-3.337C10.5 3.57 8.93 2 7 2S3.5 3.57 3.5 5.5c0 1.58 1.06 2.903 2.5 3.337v6.326c-1.44.434-2.5 1.757-2.5 3.337C3.5 20.43 5.07 22 7 22s3.5-1.57 3.5-3.5c0-.551-.14-1.065-.367-1.529c2.06-.186 4.657-.757 6.409-2.35c1.097-.997 1.731-2.264 1.904-3.768C19.915 10.438 21 9.1 21 7.5C21 5.57 19.43 4 17.5 4m-12 1.5C5.5 4.673 6.173 4 7 4s1.5.673 1.5 1.5S7.827 7 7 7s-1.5-.673-1.5-1.5M7 20c-.827 0-1.5-.673-1.5-1.5a1.5 1.5 0 0 1 1.482-1.498l.13.01A1.495 1.495 0 0 1 7 20M17.5 9c-.827 0-1.5-.673-1.5-1.5S16.673 6 17.5 6s1.5.673 1.5 1.5S18.327 9 17.5 9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 4C15.57 4 14 5.57 14 7.5c0 1.554 1.025 2.859 2.43 3.315c-.146.932-.547 1.7-1.23 2.323c-1.946 1.773-5.527 1.935-7.2 1.907V8.837c1.44-.434 2.5-1.757 2.5-3.337C10.5 3.57 8.93 2 7 2S3.5 3.57 3.5 5.5c0 1.58 1.06 2.903 2.5 3.337v6.326c-1.44.434-2.5 1.757-2.5 3.337C3.5 20.43 5.07 22 7 22s3.5-1.57 3.5-3.5c0-.551-.14-1.065-.367-1.529c2.06-.186 4.657-.757 6.409-2.35c1.097-.997 1.731-2.264 1.904-3.768C19.915 10.438 21 9.1 21 7.5C21 5.57 19.43 4 17.5 4m-12 1.5C5.5 4.673 6.173 4 7 4s1.5.673 1.5 1.5S7.827 7 7 7s-1.5-.673-1.5-1.5M7 20c-.827 0-1.5-.673-1.5-1.5a1.5 1.5 0 0 1 1.482-1.498l.13.01A1.495 1.495 0 0 1 7 20M17.5 9c-.827 0-1.5-.673-1.5-1.5S16.673 6 17.5 6s1.5.673 1.5 1.5S18.327 9 17.5 9"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.5%204C15.57%204%2014%205.57%2014%207.5c0%201.554%201.025%202.859%202.43%203.315c-.146.932-.547%201.7-1.23%202.323c-1.946%201.773-5.527%201.935-7.2%201.907V8.837c1.44-.434%202.5-1.757%202.5-3.337C10.5%203.57%208.93%202%207%202S3.5%203.57%203.5%205.5c0%201.58%201.06%202.903%202.5%203.337v6.326c-1.44.434-2.5%201.757-2.5%203.337C3.5%2020.43%205.07%2022%207%2022s3.5-1.57%203.5-3.5c0-.551-.14-1.065-.367-1.529c2.06-.186%204.657-.757%206.409-2.35c1.097-.997%201.731-2.264%201.904-3.768C19.915%2010.438%2021%209.1%2021%207.5C21%205.57%2019.43%204%2017.5%204m-12%201.5C5.5%204.673%206.173%204%207%204s1.5.673%201.5%201.5S7.827%207%207%207s-1.5-.673-1.5-1.5M7%2020c-.827%200-1.5-.673-1.5-1.5a1.5%201.5%200%200%201%201.482-1.498l.13.01A1.495%201.495%200%200%201%207%2020M17.5%209c-.827%200-1.5-.673-1.5-1.5S16.673%206%2017.5%206s1.5.673%201.5%201.5S18.327%209%2017.5%209%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%20d%3D%22M17.5%204C15.57%204%2014%205.57%2014%207.5c0%201.554%201.025%202.859%202.43%203.315c-.146.932-.547%201.7-1.23%202.323c-1.946%201.773-5.527%201.935-7.2%201.907V8.837c1.44-.434%202.5-1.757%202.5-3.337C10.5%203.57%208.93%202%207%202S3.5%203.57%203.5%205.5c0%201.58%201.06%202.903%202.5%203.337v6.326c-1.44.434-2.5%201.757-2.5%203.337C3.5%2020.43%205.07%2022%207%2022s3.5-1.57%203.5-3.5c0-.551-.14-1.065-.367-1.529c2.06-.186%204.657-.757%206.409-2.35c1.097-.997%201.731-2.264%201.904-3.768C19.915%2010.438%2021%209.1%2021%207.5C21%205.57%2019.43%204%2017.5%204m-12%201.5C5.5%204.673%206.173%204%207%204s1.5.673%201.5%201.5S7.827%207%207%207s-1.5-.673-1.5-1.5M7%2020c-.827%200-1.5-.673-1.5-1.5a1.5%201.5%200%200%201%201.482-1.498l.13.01A1.495%201.495%200%200%201%207%2020M17.5%209c-.827%200-1.5-.673-1.5-1.5S16.673%206%2017.5%206s1.5.673%201.5%201.5S18.327%209%2017.5%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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