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

Repo Compact icon

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

/**
 * Repo Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/repo-compact. Sized in em, colored by currentColor.
 */
export function VscRepoCompactIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 12 12"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.6 10H7C7 9.724 6.776 9.5 6.5 9.5H4.5C4.224 9.5 4 9.724 4 10H3.5C3.225 10 3 9.776 3 9.5V9H9.5C9.776 9 10 8.776 10 8.5V1.5C10 0.673 9.327 0 8.5 0H3.5C2.673 0 2 0.673 2 1.5V9.5C2 10.327 2.673 11 3.5 11H4V11.5C4 11.673 4.09 11.834 4.237 11.925C4.383 12.015 4.567 12.024 4.723 11.947L5.499 11.559L6.275 11.947C6.345 11.982 6.422 12 6.499 12C6.591 12 6.682 11.975 6.762 11.925C6.909 11.834 6.999 11.673 6.999 11.5V11H9.599C9.875 11 10.099 10.776 10.099 10.5C10.099 10.224 9.875 10 9.599 10H9.6ZM3 1.5C3 1.224 3.225 1 3.5 1H8.5C8.775 1 9 1.224 9 1.5V8H3V1.5Z"
      />
    </svg>
  );
}
With react-icons
import { VscRepoCompact } from "react-icons/vsc";

export function Example() {
  return <VscRepoCompact className="size-5" />;
}
repo-compact.svg
<svg
  viewBox="0 0 12 12"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9.6 10H7C7 9.724 6.776 9.5 6.5 9.5H4.5C4.224 9.5 4 9.724 4 10H3.5C3.225 10 3 9.776 3 9.5V9H9.5C9.776 9 10 8.776 10 8.5V1.5C10 0.673 9.327 0 8.5 0H3.5C2.673 0 2 0.673 2 1.5V9.5C2 10.327 2.673 11 3.5 11H4V11.5C4 11.673 4.09 11.834 4.237 11.925C4.383 12.015 4.567 12.024 4.723 11.947L5.499 11.559L6.275 11.947C6.345 11.982 6.422 12 6.499 12C6.591 12 6.682 11.975 6.762 11.925C6.909 11.834 6.999 11.673 6.999 11.5V11H9.599C9.875 11 10.099 10.776 10.099 10.5C10.099 10.224 9.875 10 9.599 10H9.6ZM3 1.5C3 1.224 3.225 1 3.5 1H8.5C8.775 1 9 1.224 9 1.5V8H3V1.5Z"
  />
</svg>
Attribution
"Repo Compact" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: