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

VS Code Icons · VscRepoClone

Repo Clone icon

A free repo clone 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 ascopy icon duplicate icon clipboard icon paste 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/repo-clone.json

components/icons/vscode-codicons-repo-clone.tsx

import * as React from "react";

/**
 * Repo Clone from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/repo-clone. Sized in em, colored by currentColor.
 */
export function VscRepoCloneIcon(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="M6.352 4.147L7.498 5.293V0.5C7.498 0.224 7.722 0 7.998 0C8.274 0 8.498 0.224 8.498 0.5V5.294L9.644 4.148C9.742 4.05 9.87 4.002 9.998 4.002C10.126 4.002 10.254 4.052 10.352 4.148C10.547 4.343 10.547 4.66 10.352 4.855L8.352 6.855C8.157 7.05 7.841 7.05 7.646 6.855L5.646 4.855C5.451 4.66 5.451 4.343 5.646 4.148C5.841 3.953 6.157 3.951 6.352 4.147ZM12.5 12C12.776 12 13 11.776 13 11.5V3C13 1.895 12.105 1 11 1H10V2H11C11.552 2 12 2.448 12 3V11H4V3C4 2.448 4.448 2 5 2H6V1H5C3.895 1 3 1.895 3 3V13C3 14.105 3.895 15 5 15V15.5C5 15.702 5.122 15.885 5.309 15.962C5.495 16.039 5.711 15.997 5.854 15.854L6.5 15.208L7.146 15.854C7.242 15.95 7.37 16 7.5 16C7.564 16 7.63 15.987 7.691 15.962C7.878 15.885 8 15.702 8 15.5V15H12.5C12.776 15 13 14.776 13 14.5C13 14.224 12.776 14 12.5 14H8V13.5C8 13.224 7.776 13 7.5 13H5.5C5.224 13 5 13.224 5 13.5V14C4.448 14 4 13.552 4 13V12H12.5Z"
      />
    </svg>
  );
}

With react-icons

import { VscRepoClone } from "react-icons/vsc";

export function Example() {
  return <VscRepoClone className="size-5" />;
}

repo-clone.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="M6.352 4.147L7.498 5.293V0.5C7.498 0.224 7.722 0 7.998 0C8.274 0 8.498 0.224 8.498 0.5V5.294L9.644 4.148C9.742 4.05 9.87 4.002 9.998 4.002C10.126 4.002 10.254 4.052 10.352 4.148C10.547 4.343 10.547 4.66 10.352 4.855L8.352 6.855C8.157 7.05 7.841 7.05 7.646 6.855L5.646 4.855C5.451 4.66 5.451 4.343 5.646 4.148C5.841 3.953 6.157 3.951 6.352 4.147ZM12.5 12C12.776 12 13 11.776 13 11.5V3C13 1.895 12.105 1 11 1H10V2H11C11.552 2 12 2.448 12 3V11H4V3C4 2.448 4.448 2 5 2H6V1H5C3.895 1 3 1.895 3 3V13C3 14.105 3.895 15 5 15V15.5C5 15.702 5.122 15.885 5.309 15.962C5.495 16.039 5.711 15.997 5.854 15.854L6.5 15.208L7.146 15.854C7.242 15.95 7.37 16 7.5 16C7.564 16 7.63 15.987 7.691 15.962C7.878 15.885 8 15.702 8 15.5V15H12.5C12.776 15 13 14.776 13 14.5C13 14.224 12.776 14 12.5 14H8V13.5C8 13.224 7.776 13 7.5 13H5.5C5.224 13 5 13.224 5 13.5V14C4.448 14 4 13.552 4 13V12H12.5Z"
  />
</svg>

Attribution

"Repo Clone" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: copy, duplicate, clipboard, paste

Similar VS Code Icons icons