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

Git Pull Request New Changes icon

A free git pull request new 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 iconbranch 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-pull-request-new-changes.json
components/icons/vscode-codicons-git-pull-request-new-changes.tsx
import * as React from "react";

/**
 * Git Pull Request New 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-pull-request-new-changes. Sized in em, colored by currentColor.
 */
export function VscGitPullRequestNewChangesIcon(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="M12.561 4.353L9.647 1.439C9.368 1.16 8.981 1 8.586 1H4C2.897 1 2 1.897 2 3V13C2 14.103 2.897 15 4 15H9.382C9.054 14.713 8.776 14.378 8.556 13.999H4C3.448 13.999 3 13.551 3 12.999V2.999C3 2.447 3.448 1.999 4 1.999H8.586C8.718 1.999 8.847 2.053 8.94 2.145L11.854 5.059C11.947 5.152 12 5.281 12 5.413V8C12.347 8 12.678 8.058 13 8.142V5.414C13 5.019 12.84 4.633 12.561 4.353ZM9.5 5.999H8V4.499C8 4.223 7.776 3.999 7.5 3.999C7.224 3.999 7 4.223 7 4.499V5.999H5.5C5.224 5.999 5 6.223 5 6.499C5 6.775 5.224 6.999 5.5 6.999H7V8.499C7 8.775 7.224 8.999 7.5 8.999C7.776 8.999 8 8.775 8 8.499V6.999H9.5C9.776 6.999 10 6.775 10 6.499C10 6.223 9.776 5.999 9.5 5.999ZM5 11.499C5 11.775 5.224 11.999 5.5 11.999H8C8 11.652 8.059 11.32 8.142 10.999H5.5C5.224 10.999 5 11.223 5 11.499Z"
      />
      <path
        d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
      />
    </svg>
  );
}
With react-icons
import { VscGitPullRequestNewChanges } from "react-icons/vsc";

export function Example() {
  return <VscGitPullRequestNewChanges className="size-5" />;
}
git-pull-request-new-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="M12.561 4.353L9.647 1.439C9.368 1.16 8.981 1 8.586 1H4C2.897 1 2 1.897 2 3V13C2 14.103 2.897 15 4 15H9.382C9.054 14.713 8.776 14.378 8.556 13.999H4C3.448 13.999 3 13.551 3 12.999V2.999C3 2.447 3.448 1.999 4 1.999H8.586C8.718 1.999 8.847 2.053 8.94 2.145L11.854 5.059C11.947 5.152 12 5.281 12 5.413V8C12.347 8 12.678 8.058 13 8.142V5.414C13 5.019 12.84 4.633 12.561 4.353ZM9.5 5.999H8V4.499C8 4.223 7.776 3.999 7.5 3.999C7.224 3.999 7 4.223 7 4.499V5.999H5.5C5.224 5.999 5 6.223 5 6.499C5 6.775 5.224 6.999 5.5 6.999H7V8.499C7 8.775 7.224 8.999 7.5 8.999C7.776 8.999 8 8.775 8 8.499V6.999H9.5C9.776 6.999 10 6.775 10 6.499C10 6.223 9.776 5.999 9.5 5.999ZM5 11.499C5 11.775 5.224 11.999 5.5 11.999H8C8 11.652 8.059 11.32 8.142 10.999H5.5C5.224 10.999 5 11.223 5 11.499Z"
  />
  <path
    d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
  />
</svg>
Attribution
"Git Pull Request New 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