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

Git Fetch icon

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

/**
 * Git Fetch from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/git-fetch. Sized in em, colored by currentColor.
 */
export function VscGitFetchIcon(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="M13.854 8.854L8.85401 13.854C8.75601 13.952 8.62801 14 8.50001 14C8.37201 14 8.24401 13.951 8.14601 13.854L3.14601 8.854C2.95101 8.659 2.95101 8.342 3.14601 8.147C3.34101 7.952 3.65801 7.952 3.85301 8.147L7.99901 12.293V10.427C7.99901 10.151 8.22301 9.927 8.49901 9.927C8.77501 9.927 8.99901 10.151 8.99901 10.427V12.293L13.145 8.147C13.34 7.952 13.657 7.952 13.852 8.147C14.047 8.342 14.047 8.659 13.852 8.854H13.854ZM8.50001 9C8.77601 9 9.00001 8.776 9.00001 8.5V6.5C9.00001 6.224 8.77601 6 8.50001 6C8.22401 6 8.00001 6.224 8.00001 6.5V8.5C8.00001 8.776 8.22401 9 8.50001 9ZM8.50001 5C8.77601 5 9.00001 4.776 9.00001 4.5V2.5C9.00001 2.224 8.77601 2 8.50001 2C8.22401 2 8.00001 2.224 8.00001 2.5V4.5C8.00001 4.776 8.22401 5 8.50001 5Z"
      />
    </svg>
  );
}
With react-icons
import { VscGitFetch } from "react-icons/vsc";

export function Example() {
  return <VscGitFetch className="size-5" />;
}
git-fetch.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="M13.854 8.854L8.85401 13.854C8.75601 13.952 8.62801 14 8.50001 14C8.37201 14 8.24401 13.951 8.14601 13.854L3.14601 8.854C2.95101 8.659 2.95101 8.342 3.14601 8.147C3.34101 7.952 3.65801 7.952 3.85301 8.147L7.99901 12.293V10.427C7.99901 10.151 8.22301 9.927 8.49901 9.927C8.77501 9.927 8.99901 10.151 8.99901 10.427V12.293L13.145 8.147C13.34 7.952 13.657 7.952 13.852 8.147C14.047 8.342 14.047 8.659 13.852 8.854H13.854ZM8.50001 9C8.77601 9 9.00001 8.776 9.00001 8.5V6.5C9.00001 6.224 8.77601 6 8.50001 6C8.22401 6 8.00001 6.224 8.00001 6.5V8.5C8.00001 8.776 8.22401 9 8.50001 9ZM8.50001 5C8.77601 5 9.00001 4.776 9.00001 4.5V2.5C9.00001 2.224 8.77601 2 8.50001 2C8.22401 2 8.00001 2.224 8.00001 2.5V4.5C8.00001 4.776 8.22401 5 8.50001 5Z"
  />
</svg>
Attribution
"Git Fetch" 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