git branch icon
git-branch-linear from Solar by 480 Design · Linear · IT · CC-BY-4.0 Attribution required.
- Name
- git-branch-linear
- Set
- Solar
- Style
- Linear
- Category
- IT
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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-branchOcticonsgit-branchPhosphorgit-branchPixelarticonsgit-branch-fillRemix Icongit-branchTabler Iconsgit-branchTDesign Iconsgit-branch-outlineTeenyicons
More it icons from Solar
braces-boldbrackets-boldbug-boldbug-minimalistic-boldcode-2-boldcode-boldcode-circle-boldcode-square-boldcommand-boldgit-commit-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 branch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 4.5C9 5.88071 7.88071 7 6.5 7C5.11929 7 4 5.88071 4 4.5C4 3.11929 5.11929 2 6.5 2C7.88071 2 9 3.11929 9 4.5Z"/><path d="M20.1821 7.5C20.1821 8.88071 19.0628 10 17.6821 10C16.3014 10 15.1821 8.88071 15.1821 7.5C15.1821 6.11929 16.3014 5 17.6821 5C19.0628 5 20.1821 6.11929 20.1821 7.5Z"/><path d="M9 19.5C9 20.8807 7.88071 22 6.5 22C5.11929 22 4 20.8807 4 19.5C4 18.1193 5.11929 17 6.5 17C7.88071 17 9 18.1193 9 19.5Z"/><path stroke-linecap="round" d="M6.5 17L6.5 7"/><path stroke-linecap="round" d="M17.6821 10C17.6821 12.3383 15.4514 13.5914 12.0878 13.5914C8.72419 13.5914 6.5 14.6747 6.5 17"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarGitBranchLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M9 4.5C9 5.88071 7.88071 7 6.5 7C5.11929 7 4 5.88071 4 4.5C4 3.11929 5.11929 2 6.5 2C7.88071 2 9 3.11929 9 4.5Z"/><path d="M20.1821 7.5C20.1821 8.88071 19.0628 10 17.6821 10C16.3014 10 15.1821 8.88071 15.1821 7.5C15.1821 6.11929 16.3014 5 17.6821 5C19.0628 5 20.1821 6.11929 20.1821 7.5Z"/><path d="M9 19.5C9 20.8807 7.88071 22 6.5 22C5.11929 22 4 20.8807 4 19.5C4 18.1193 5.11929 17 6.5 17C7.88071 17 9 18.1193 9 19.5Z"/><path strokeLinecap="round" d="M6.5 17L6.5 7"/><path strokeLinecap="round" d="M17.6821 10C17.6821 12.3383 15.4514 13.5914 12.0878 13.5914C8.72419 13.5914 6.5 14.6747 6.5 17"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 4.5C9 5.88071 7.88071 7 6.5 7C5.11929 7 4 5.88071 4 4.5C4 3.11929 5.11929 2 6.5 2C7.88071 2 9 3.11929 9 4.5Z"/><path d="M20.1821 7.5C20.1821 8.88071 19.0628 10 17.6821 10C16.3014 10 15.1821 8.88071 15.1821 7.5C15.1821 6.11929 16.3014 5 17.6821 5C19.0628 5 20.1821 6.11929 20.1821 7.5Z"/><path d="M9 19.5C9 20.8807 7.88071 22 6.5 22C5.11929 22 4 20.8807 4 19.5C4 18.1193 5.11929 17 6.5 17C7.88071 17 9 18.1193 9 19.5Z"/><path stroke-linecap="round" d="M6.5 17L6.5 7"/><path stroke-linecap="round" d="M17.6821 10C17.6821 12.3383 15.4514 13.5914 12.0878 13.5914C8.72419 13.5914 6.5 14.6747 6.5 17"/></g></svg> </template>
CSS
.icon-git-branch-linear {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9%204.5C9%205.88071%207.88071%207%206.5%207C5.11929%207%204%205.88071%204%204.5C4%203.11929%205.11929%202%206.5%202C7.88071%202%209%203.11929%209%204.5Z%22%2F%3E%3Cpath%20d%3D%22M20.1821%207.5C20.1821%208.88071%2019.0628%2010%2017.6821%2010C16.3014%2010%2015.1821%208.88071%2015.1821%207.5C15.1821%206.11929%2016.3014%205%2017.6821%205C19.0628%205%2020.1821%206.11929%2020.1821%207.5Z%22%2F%3E%3Cpath%20d%3D%22M9%2019.5C9%2020.8807%207.88071%2022%206.5%2022C5.11929%2022%204%2020.8807%204%2019.5C4%2018.1193%205.11929%2017%206.5%2017C7.88071%2017%209%2018.1193%209%2019.5Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6.5%2017L6.5%207%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.6821%2010C17.6821%2012.3383%2015.4514%2013.5914%2012.0878%2013.5914C8.72419%2013.5914%206.5%2014.6747%206.5%2017%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9%204.5C9%205.88071%207.88071%207%206.5%207C5.11929%207%204%205.88071%204%204.5C4%203.11929%205.11929%202%206.5%202C7.88071%202%209%203.11929%209%204.5Z%22%2F%3E%3Cpath%20d%3D%22M20.1821%207.5C20.1821%208.88071%2019.0628%2010%2017.6821%2010C16.3014%2010%2015.1821%208.88071%2015.1821%207.5C15.1821%206.11929%2016.3014%205%2017.6821%205C19.0628%205%2020.1821%206.11929%2020.1821%207.5Z%22%2F%3E%3Cpath%20d%3D%22M9%2019.5C9%2020.8807%207.88071%2022%206.5%2022C5.11929%2022%204%2020.8807%204%2019.5C4%2018.1193%205.11929%2017%206.5%2017C7.88071%2017%209%2018.1193%209%2019.5Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6.5%2017L6.5%207%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.6821%2010C17.6821%2012.3383%2015.4514%2013.5914%2012.0878%2013.5914C8.72419%2013.5914%206.5%2014.6747%206.5%2017%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-branch-linear.svg?color=%231a73e8&size=48
