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

File Symlink File icon

A free file symlink file 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 asdocument iconpage iconpaper icondoc iconsheet iconattachment iconpaperclip iconattach 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/file-symlink-file.json
components/icons/vscode-codicons-file-symlink-file.tsx
import * as React from "react";

/**
 * File Symlink File from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/file-symlink-file. Sized in em, colored by currentColor.
 */
export function VscFileSymlinkFileIcon(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
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5 1C3.89543 1 3 1.89543 3 3V7H4V3C4 2.44772 4.44772 2 5 2H8V4.5C8 5.32843 8.67157 6 9.5 6H12V13C12 13.5523 11.5523 14 11 14H9V15H11C12.1046 15 13 14.1046 13 13V5.41421C13 5.01639 12.842 4.63486 12.5607 4.35355L9.64645 1.43934C9.36514 1.15804 8.98361 1 8.58579 1H5ZM11.7929 5H9.5C9.22386 5 9 4.77614 9 4.5V2.20711L11.7929 5Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2 8C0.89543 8 0 8.89543 0 10V14C0 15.1046 0.89543 16 2 16H6C7.1046 16 8 15.1046 8 14V10C8 8.89543 7.1046 8 6 8H2ZM2 10.5C2 10.2239 2.2239 10 2.5 10H5.5C5.7761 10 6 10.2239 6 10.5V13.5C6 13.7761 5.7761 14 5.5 14C5.2239 14 5 13.7761 5 13.5V11.7071L2.8536 13.8536C2.6583 14.0488 2.3417 14.0488 2.1464 13.8536C1.95118 13.6583 1.95118 13.3417 2.1464 13.1465L4.2929 11H2.5C2.2239 11 2 10.7761 2 10.5Z"
      />
    </svg>
  );
}
With react-icons
import { VscFileSymlinkFile } from "react-icons/vsc";

export function Example() {
  return <VscFileSymlinkFile className="size-5" />;
}
file-symlink-file.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
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M5 1C3.89543 1 3 1.89543 3 3V7H4V3C4 2.44772 4.44772 2 5 2H8V4.5C8 5.32843 8.67157 6 9.5 6H12V13C12 13.5523 11.5523 14 11 14H9V15H11C12.1046 15 13 14.1046 13 13V5.41421C13 5.01639 12.842 4.63486 12.5607 4.35355L9.64645 1.43934C9.36514 1.15804 8.98361 1 8.58579 1H5ZM11.7929 5H9.5C9.22386 5 9 4.77614 9 4.5V2.20711L11.7929 5Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M2 8C0.89543 8 0 8.89543 0 10V14C0 15.1046 0.89543 16 2 16H6C7.1046 16 8 15.1046 8 14V10C8 8.89543 7.1046 8 6 8H2ZM2 10.5C2 10.2239 2.2239 10 2.5 10H5.5C5.7761 10 6 10.2239 6 10.5V13.5C6 13.7761 5.7761 14 5.5 14C5.2239 14 5 13.7761 5 13.5V11.7071L2.8536 13.8536C2.6583 14.0488 2.3417 14.0488 2.1464 13.8536C1.95118 13.6583 1.95118 13.3417 2.1464 13.1465L4.2929 11H2.5C2.2239 11 2 10.7761 2 10.5Z"
  />
</svg>
Attribution
"File Symlink File" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: document, page, paper, doc

File Symlink File icon in other sets