Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscGitBranchChanges

Git Branch Changes icon

A free git branch changes icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asgithub iconrepository iconcode iconopen source iconmerge iconcommit iconversion control icon
License
CC BY 4.0 license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/git-branch-changes.json
components/icons/vscode-codicons-git-branch-changes.tsx
import * as React from "react";

/**
 * Git Branch Changes from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/git-branch-changes. Sized in em, colored by currentColor.
 */
export function VscGitBranchChangesIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.22 6.502C9.522 6.364 9.838 6.253 10.166 6.171C10.063 5.968 10 5.742 10 5.5C10 4.673 10.673 4 11.5 4C12.327 4 13 4.673 13 5.5C13 5.743 12.936 5.968 12.834 6.171C13.162 6.253 13.478 6.364 13.78 6.502C13.916 6.194 13.999 5.858 13.999 5.5C13.999 4.121 12.878 3 11.499 3C10.12 3 8.999 4.121 8.999 5.5C8.999 5.858 9.083 6.194 9.219 6.501L9.22 6.502ZM5.07 11.069V11.071C5.226 10.549 5.662 10.162 6.2 10.049C6.3 9.682 6.437 9.331 6.607 8.999H6.5C5.935 8.999 5.419 9.194 5 9.511V4.948C6.14 4.716 7 3.706 7 2.499C7 1.12 5.879 -0.000999451 4.5 -0.000999451C3.121 -0.000999451 2 1.12 2 2.499C2 3.707 2.86 4.716 4 4.948V11.049C2.86 11.281 2 12.291 2 13.498C2 14.877 3.121 15.998 4.5 15.998C5.565 15.998 6.469 15.327 6.829 14.387C6.31 13.551 6.004 12.569 6.001 11.515C5.727 11.308 5.415 11.15 5.07 11.069ZM2.999 2.5C2.999 1.673 3.672 1 4.499 1C5.326 1 5.999 1.673 5.999 2.5C5.999 3.327 5.326 4 4.499 4C3.672 4 2.999 3.327 2.999 2.5ZM4.499 15C3.672 15 2.999 14.327 2.999 13.5C2.999 12.673 3.672 12 4.499 12C5.326 12 5.999 12.673 5.999 13.5C5.999 14.327 5.326 15 4.499 15ZM11.499 7C9.014 7 6.999 9.015 6.999 11.5C6.999 13.985 9.014 16 11.499 16C13.984 16 15.999 13.985 15.999 11.5C15.999 9.015 13.984 7 11.499 7ZM13.915 12.317C14.154 12.455 14.236 12.761 14.098 13C13.96 13.239 13.654 13.321 13.415 13.183L12 12.366V14C12 14.276 11.776 14.5 11.5 14.5C11.224 14.5 11 14.276 11 14V12.366L9.585 13.183C9.346 13.321 9.04 13.239 8.902 13C8.764 12.761 8.846 12.455 9.085 12.317L10.5 11.5L9.085 10.683C8.846 10.545 8.764 10.239 8.902 10C9.04 9.761 9.346 9.679 9.585 9.817L11 10.634V9C11 8.724 11.224 8.5 11.5 8.5C11.776 8.5 12 8.724 12 9V10.634L13.415 9.817C13.654 9.679 13.96 9.761 14.098 10C14.236 10.239 14.154 10.545 13.915 10.683L12.5 11.5L13.915 12.317Z"
      />
    </svg>
  );
}
With react-icons
import { VscGitBranchChanges } from "react-icons/vsc";

export function Example() {
  return <VscGitBranchChanges className="size-5" />;
}
git-branch-changes.svg
<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9.22 6.502C9.522 6.364 9.838 6.253 10.166 6.171C10.063 5.968 10 5.742 10 5.5C10 4.673 10.673 4 11.5 4C12.327 4 13 4.673 13 5.5C13 5.743 12.936 5.968 12.834 6.171C13.162 6.253 13.478 6.364 13.78 6.502C13.916 6.194 13.999 5.858 13.999 5.5C13.999 4.121 12.878 3 11.499 3C10.12 3 8.999 4.121 8.999 5.5C8.999 5.858 9.083 6.194 9.219 6.501L9.22 6.502ZM5.07 11.069V11.071C5.226 10.549 5.662 10.162 6.2 10.049C6.3 9.682 6.437 9.331 6.607 8.999H6.5C5.935 8.999 5.419 9.194 5 9.511V4.948C6.14 4.716 7 3.706 7 2.499C7 1.12 5.879 -0.000999451 4.5 -0.000999451C3.121 -0.000999451 2 1.12 2 2.499C2 3.707 2.86 4.716 4 4.948V11.049C2.86 11.281 2 12.291 2 13.498C2 14.877 3.121 15.998 4.5 15.998C5.565 15.998 6.469 15.327 6.829 14.387C6.31 13.551 6.004 12.569 6.001 11.515C5.727 11.308 5.415 11.15 5.07 11.069ZM2.999 2.5C2.999 1.673 3.672 1 4.499 1C5.326 1 5.999 1.673 5.999 2.5C5.999 3.327 5.326 4 4.499 4C3.672 4 2.999 3.327 2.999 2.5ZM4.499 15C3.672 15 2.999 14.327 2.999 13.5C2.999 12.673 3.672 12 4.499 12C5.326 12 5.999 12.673 5.999 13.5C5.999 14.327 5.326 15 4.499 15ZM11.499 7C9.014 7 6.999 9.015 6.999 11.5C6.999 13.985 9.014 16 11.499 16C13.984 16 15.999 13.985 15.999 11.5C15.999 9.015 13.984 7 11.499 7ZM13.915 12.317C14.154 12.455 14.236 12.761 14.098 13C13.96 13.239 13.654 13.321 13.415 13.183L12 12.366V14C12 14.276 11.776 14.5 11.5 14.5C11.224 14.5 11 14.276 11 14V12.366L9.585 13.183C9.346 13.321 9.04 13.239 8.902 13C8.764 12.761 8.846 12.455 9.085 12.317L10.5 11.5L9.085 10.683C8.846 10.545 8.764 10.239 8.902 10C9.04 9.761 9.346 9.679 9.585 9.817L11 10.634V9C11 8.724 11.224 8.5 11.5 8.5C11.776 8.5 12 8.724 12 9V10.634L13.415 9.817C13.654 9.679 13.96 9.761 14.098 10C14.236 10.239 14.154 10.545 13.915 10.683L12.5 11.5L13.915 12.317Z"
  />
</svg>
Attribution
"Git Branch Changes" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: github, repository, code, open source