Menu

Beta
Sign in
Beta
Git Branch SVG icon, line

Git Branch SVG icon, line

Three circular points follow a path that forks to the right, representing a version-control branch. Use it in a repository sidebar or a branching workflow guide.

Free · from Code and Developer Icons, Line · Set 2

Similar SVGs

More from Code and Developer Icons, Line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mZIGpjYfo-1A/amnt.svg" alt="Git Branch" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="charcoal" data-name="Charcoal"><path d="M377 574c-5-24-1-53-1-77 0-61 0-121 0-181 0-9-3-40 0-46 2-2 24-12 28-14 9-6 16-13 22-20 23-28 29-69 15-102-27-66-118-81-166-28-36 40-33 104 7 140 12 11 26 16 39 23 0 82 0 164 0 246 0 56-1 113 0 170 0 22 4 49-1 71-87 27-96 154-9 188 93 36 176-68 119-150-12-17-27-27-45-35-2-2-7-2-8-4-3-5-1-58-1-67 0-44 27-77 67-93 22-9 44-11 66-17 55-17 104-55 135-102 121 35 182-113 96-174-90-62-205 36-138 142-13 15-23 31-38 44-49 44-81 37-136 57-19 7-35 17-51 29zM339 106c88-10 105 120 19 133-86 14-103-123-19-133zM674 315c87-8 98 127 12 134-87 7-98-125-12-134zM344 784c87-6 98 128 10 134s-96-127-10-134z" fill="#292e32" stroke="#292e32"/></g><g id="green" data-name="Green"><path d="M344 784c-86 7-78 140 10 134s77-140-10-134z" fill="#54b16e" stroke="#54b16e"/><path d="M339 106c-84 10-67 147 19 133 86-13 69-143-19-133z" fill="#54b16e" stroke="#54b16e"/><path d="M674 315c-86 9-75 141 12 134 86-7 75-142-12-134z" fill="#54b16e" stroke="#54b16e"/></g></svg>
CSS background-image
.git-branch {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mZIGpjYfo-1A/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.git-branch {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mZIGpjYfo-1A/amnt.svg") center / contain no-repeat;
}
React
import GitBranchSvg from "./git-branch.jsx"; // from the React tab above

<GitBranchSvg width={48} height={48} />

Tags

gitbranchversion controlcodeiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Git Branch: Three circular points joined by a vertical path that forks to the right. A flat colour icon. Remove the extra central circular point and simplify the heavy two-tone paths into a consistent line weight for clearer small-size readability. as part of the pack Code and Developer Icons, Line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings