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

VS Code Icons · VscRepoSelected

Repo Selected icon

A free repo selected 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

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/repo-selected.json

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

import * as React from "react";

/**
 * Repo Selected from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/repo-selected. Sized in em, colored by currentColor.
 */
export function VscRepoSelectedIcon(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.5 12C12.776 12 13 11.776 13 11.5V3C13 1.895 12.105 1 11 1H5C3.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.5ZM5.646 5.646C5.841 5.451 6.158 5.451 6.353 5.646L7.499 6.792L10.145 4.146C10.34 3.951 10.657 3.951 10.852 4.146C11.047 4.341 11.047 4.658 10.852 4.853L7.852 7.853C7.754 7.951 7.626 7.999 7.498 7.999C7.37 7.999 7.242 7.95 7.144 7.853L5.644 6.353C5.449 6.158 5.449 5.841 5.644 5.646H5.646Z"
      />
    </svg>
  );
}

With react-icons

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

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

repo-selected.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.5 12C12.776 12 13 11.776 13 11.5V3C13 1.895 12.105 1 11 1H5C3.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.5ZM5.646 5.646C5.841 5.451 6.158 5.451 6.353 5.646L7.499 6.792L10.145 4.146C10.34 3.951 10.657 3.951 10.852 4.146C11.047 4.341 11.047 4.658 10.852 4.853L7.852 7.853C7.754 7.951 7.626 7.999 7.498 7.999C7.37 7.999 7.242 7.95 7.144 7.853L5.644 6.353C5.449 6.158 5.449 5.841 5.644 5.646H5.646Z"
  />
</svg>

Attribution

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

Related icons:

Similar VS Code Icons icons