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

VS Code Icons · VscRepoPinned

Repo Pinned icon

A free repo pinned 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-pinned.json

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

import * as React from "react";

/**
 * Repo Pinned from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/repo-pinned. Sized in em, colored by currentColor.
 */
export function VscRepoPinnedIcon(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 8.895C12.38 8.829 12.721 8.661 13 8.407V11.5C13 11.776 12.776 12 12.5 12H4V13C4 13.552 4.448 14 5 14V13.5C5 13.224 5.224 13 5.5 13H7.5C7.776 13 8 13.224 8 13.5V14H12.5C12.776 14 13 14.224 13 14.5C13 14.776 12.776 15 12.5 15H8V15.5C8 15.702 7.878 15.885 7.691 15.962C7.63 15.987 7.564 16 7.5 16C7.37 16 7.242 15.95 7.146 15.854L6.5 15.208L5.854 15.854C5.711 15.997 5.495 16.039 5.309 15.962C5.122 15.885 5 15.702 5 15.5V15C3.895 15 3 14.105 3 13V3C3 1.895 3.895 1 5 1H10.023L9.535 2H5C4.448 2 4 2.448 4 3V11H12V8.895ZM15.559 2.373L13.627 0.441C13.328 0.142 12.945 0 12.566 0C12.018 0 11.478 0.297 11.211 0.846L10.406 2.498C10.29 2.737 10.083 2.92 9.832 3.007L8.727 3.389C8.295 3.538 8.051 3.935 8.051 4.34C8.051 4.591 8.145 4.845 8.345 5.046L9.295 5.996L7.999 7.292V8.001H8.708L10.004 6.705L10.954 7.655C11.154 7.855 11.409 7.949 11.66 7.949C12.065 7.949 12.462 7.705 12.611 7.273L12.993 6.168C13.08 5.917 13.263 5.71 13.502 5.594L15.154 4.79C15.703 4.523 16 3.983 16 3.435C16 3.056 15.858 2.673 15.559 2.374V2.373Z"
      />
    </svg>
  );
}

With react-icons

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

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

repo-pinned.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 8.895C12.38 8.829 12.721 8.661 13 8.407V11.5C13 11.776 12.776 12 12.5 12H4V13C4 13.552 4.448 14 5 14V13.5C5 13.224 5.224 13 5.5 13H7.5C7.776 13 8 13.224 8 13.5V14H12.5C12.776 14 13 14.224 13 14.5C13 14.776 12.776 15 12.5 15H8V15.5C8 15.702 7.878 15.885 7.691 15.962C7.63 15.987 7.564 16 7.5 16C7.37 16 7.242 15.95 7.146 15.854L6.5 15.208L5.854 15.854C5.711 15.997 5.495 16.039 5.309 15.962C5.122 15.885 5 15.702 5 15.5V15C3.895 15 3 14.105 3 13V3C3 1.895 3.895 1 5 1H10.023L9.535 2H5C4.448 2 4 2.448 4 3V11H12V8.895ZM15.559 2.373L13.627 0.441C13.328 0.142 12.945 0 12.566 0C12.018 0 11.478 0.297 11.211 0.846L10.406 2.498C10.29 2.737 10.083 2.92 9.832 3.007L8.727 3.389C8.295 3.538 8.051 3.935 8.051 4.34C8.051 4.591 8.145 4.845 8.345 5.046L9.295 5.996L7.999 7.292V8.001H8.708L10.004 6.705L10.954 7.655C11.154 7.855 11.409 7.949 11.66 7.949C12.065 7.949 12.462 7.705 12.611 7.273L12.993 6.168C13.08 5.917 13.263 5.71 13.502 5.594L15.154 4.79C15.703 4.523 16 3.983 16 3.435C16 3.056 15.858 2.673 15.559 2.374V2.373Z"
  />
</svg>

Attribution

"Repo Pinned" 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