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

Worktree Compact icon

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

/**
 * Worktree Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/worktree-compact. Sized in em, colored by currentColor.
 */
export function VscWorktreeCompactIcon(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.65039 0.630469C9.85039 0.430469 10.1604 0.430469 10.3604 0.630469L11.8604 2.13047C12.06 2.33048 12.0602 2.64056 11.8604 2.84043L10.3604 4.34043C10.2604 4.44042 10.1298 4.48984 10.0098 4.48984L10 4.49961C9.87012 4.49961 9.74038 4.45001 9.65039 4.3502C9.45039 4.1502 9.45039 3.84023 9.65039 3.64023L10.29 2.99961H6.5C6.22015 2.99961 6.00024 3.21983 6 3.49961V8.49961C6 8.77961 6.22 8.99961 6.5 8.99961H10.3096L9.65039 8.34043C9.45039 8.14043 9.4504 7.83047 9.65039 7.63047C9.85039 7.43047 10.1604 7.43047 10.3604 7.63047L11.8604 9.13047C12.06 9.33048 12.0602 9.64056 11.8604 9.84043L10.3604 11.3404C10.2604 11.4404 10.1298 11.4898 10.0098 11.4898L10 11.4996C9.87012 11.4996 9.74038 11.45 9.65039 11.3502C9.45039 11.1502 9.45039 10.8402 9.65039 10.6402L10.29 9.99961H6.5C5.67 9.99961 5 9.32961 5 8.49961V6.49961H0.5C0.22 6.49961 0 6.27961 0 5.99961C0.000242874 5.71983 0.220155 5.49961 0.5 5.49961H5V3.49961C5.00025 2.66982 5.67015 1.99961 6.5 1.99961H10.3096L9.65039 1.34043C9.45039 1.14043 9.4504 0.830469 9.65039 0.630469Z"
      />
    </svg>
  );
}
With react-icons
import { VscWorktreeCompact } from "react-icons/vsc";

export function Example() {
  return <VscWorktreeCompact className="size-5" />;
}
worktree-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.65039 0.630469C9.85039 0.430469 10.1604 0.430469 10.3604 0.630469L11.8604 2.13047C12.06 2.33048 12.0602 2.64056 11.8604 2.84043L10.3604 4.34043C10.2604 4.44042 10.1298 4.48984 10.0098 4.48984L10 4.49961C9.87012 4.49961 9.74038 4.45001 9.65039 4.3502C9.45039 4.1502 9.45039 3.84023 9.65039 3.64023L10.29 2.99961H6.5C6.22015 2.99961 6.00024 3.21983 6 3.49961V8.49961C6 8.77961 6.22 8.99961 6.5 8.99961H10.3096L9.65039 8.34043C9.45039 8.14043 9.4504 7.83047 9.65039 7.63047C9.85039 7.43047 10.1604 7.43047 10.3604 7.63047L11.8604 9.13047C12.06 9.33048 12.0602 9.64056 11.8604 9.84043L10.3604 11.3404C10.2604 11.4404 10.1298 11.4898 10.0098 11.4898L10 11.4996C9.87012 11.4996 9.74038 11.45 9.65039 11.3502C9.45039 11.1502 9.45039 10.8402 9.65039 10.6402L10.29 9.99961H6.5C5.67 9.99961 5 9.32961 5 8.49961V6.49961H0.5C0.22 6.49961 0 6.27961 0 5.99961C0.000242874 5.71983 0.220155 5.49961 0.5 5.49961H5V3.49961C5.00025 2.66982 5.67015 1.99961 6.5 1.99961H10.3096L9.65039 1.34043C9.45039 1.14043 9.4504 0.830469 9.65039 0.630469Z"
  />
</svg>
Attribution
"Worktree Compact" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: