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 · VscGitBranchConflicts

Git Branch Conflicts icon

A free git branch conflicts 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.

License
CC BY 4.0 license
Project
github.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/git-branch-conflicts.json
components/icons/vscode-codicons-git-branch-conflicts.tsx
import * as React from "react";

/**
 * Git Branch Conflicts 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-conflicts. Sized in em, colored by currentColor.
 */
export function VscGitBranchConflictsIcon(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="M5.07 11.07V11.072C5.226 10.55 5.662 10.163 6.2 10.05C6.3 9.683 6.437 9.332 6.607 9H6.5C5.935 9 5.419 9.195 5 9.512V4.949C6.14 4.717 7 3.707 7 2.5C7 1.121 5.879 0 4.5 0C3.121 0 2 1.121 2 2.5C2 3.708 2.86 4.717 4 4.949V11.05C2.86 11.282 2 12.292 2 13.499C2 14.878 3.121 15.999 4.5 15.999C5.565 15.999 6.469 15.328 6.829 14.388C6.31 13.552 6.004 12.57 6.001 11.516C5.727 11.309 5.415 11.151 5.07 11.07ZM2.999 2.501C2.999 1.674 3.672 1.001 4.499 1.001C5.326 1.001 5.999 1.674 5.999 2.501C5.999 3.328 5.326 4.001 4.499 4.001C3.672 4.001 2.999 3.328 2.999 2.501ZM4.499 15.001C3.672 15.001 2.999 14.328 2.999 13.501C2.999 12.674 3.672 12.001 4.499 12.001C5.326 12.001 5.999 12.674 5.999 13.501C5.999 14.328 5.326 15.001 4.499 15.001ZM9.22 6.503C9.522 6.365 9.838 6.254 10.166 6.172C10.063 5.969 10 5.743 10 5.501C10 4.674 10.673 4.001 11.5 4.001C12.327 4.001 13 4.674 13 5.501C13 5.744 12.936 5.969 12.834 6.172C13.162 6.254 13.478 6.365 13.78 6.503C13.916 6.195 13.999 5.859 13.999 5.501C13.999 4.122 12.878 3.001 11.499 3.001C10.12 3.001 8.999 4.122 8.999 5.501C8.999 5.859 9.083 6.195 9.219 6.502L9.22 6.503ZM11.499 7.001C9.014 7.001 6.999 9.016 6.999 11.501C6.999 13.986 9.014 16.001 11.499 16.001C13.984 16.001 15.999 13.986 15.999 11.501C15.999 9.016 13.984 7.001 11.499 7.001ZM10.999 9C10.999 8.867 11.052 8.74 11.145 8.646C11.239 8.552 11.366 8.5 11.499 8.5C11.632 8.5 11.759 8.553 11.853 8.646C11.947 8.74 11.999 8.867 11.999 9V11.501C11.999 11.634 11.946 11.761 11.853 11.855C11.76 11.949 11.632 12.001 11.499 12.001C11.366 12.001 11.239 11.948 11.145 11.855C11.051 11.762 10.999 11.634 10.999 11.501V9ZM11.5 14.251C11.086 14.251 10.75 13.915 10.75 13.501C10.75 13.087 11.086 12.751 11.5 12.751C11.914 12.751 12.25 13.087 12.25 13.501C12.25 13.915 11.914 14.251 11.5 14.251Z"
      />
    </svg>
  );
}
With react-icons
import { VscGitBranchConflicts } from "react-icons/vsc";

export function Example() {
  return <VscGitBranchConflicts className="size-5" />;
}
git-branch-conflicts.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="M5.07 11.07V11.072C5.226 10.55 5.662 10.163 6.2 10.05C6.3 9.683 6.437 9.332 6.607 9H6.5C5.935 9 5.419 9.195 5 9.512V4.949C6.14 4.717 7 3.707 7 2.5C7 1.121 5.879 0 4.5 0C3.121 0 2 1.121 2 2.5C2 3.708 2.86 4.717 4 4.949V11.05C2.86 11.282 2 12.292 2 13.499C2 14.878 3.121 15.999 4.5 15.999C5.565 15.999 6.469 15.328 6.829 14.388C6.31 13.552 6.004 12.57 6.001 11.516C5.727 11.309 5.415 11.151 5.07 11.07ZM2.999 2.501C2.999 1.674 3.672 1.001 4.499 1.001C5.326 1.001 5.999 1.674 5.999 2.501C5.999 3.328 5.326 4.001 4.499 4.001C3.672 4.001 2.999 3.328 2.999 2.501ZM4.499 15.001C3.672 15.001 2.999 14.328 2.999 13.501C2.999 12.674 3.672 12.001 4.499 12.001C5.326 12.001 5.999 12.674 5.999 13.501C5.999 14.328 5.326 15.001 4.499 15.001ZM9.22 6.503C9.522 6.365 9.838 6.254 10.166 6.172C10.063 5.969 10 5.743 10 5.501C10 4.674 10.673 4.001 11.5 4.001C12.327 4.001 13 4.674 13 5.501C13 5.744 12.936 5.969 12.834 6.172C13.162 6.254 13.478 6.365 13.78 6.503C13.916 6.195 13.999 5.859 13.999 5.501C13.999 4.122 12.878 3.001 11.499 3.001C10.12 3.001 8.999 4.122 8.999 5.501C8.999 5.859 9.083 6.195 9.219 6.502L9.22 6.503ZM11.499 7.001C9.014 7.001 6.999 9.016 6.999 11.501C6.999 13.986 9.014 16.001 11.499 16.001C13.984 16.001 15.999 13.986 15.999 11.501C15.999 9.016 13.984 7.001 11.499 7.001ZM10.999 9C10.999 8.867 11.052 8.74 11.145 8.646C11.239 8.552 11.366 8.5 11.499 8.5C11.632 8.5 11.759 8.553 11.853 8.646C11.947 8.74 11.999 8.867 11.999 9V11.501C11.999 11.634 11.946 11.761 11.853 11.855C11.76 11.949 11.632 12.001 11.499 12.001C11.366 12.001 11.239 11.948 11.145 11.855C11.051 11.762 10.999 11.634 10.999 11.501V9ZM11.5 14.251C11.086 14.251 10.75 13.915 10.75 13.501C10.75 13.087 11.086 12.751 11.5 12.751C11.914 12.751 12.25 13.087 12.25 13.501C12.25 13.915 11.914 14.251 11.5 14.251Z"
  />
</svg>
Attribution
"Git Branch Conflicts" 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