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

VS Code Icons · VscReferences

References icon

A free references 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/references.json

components/icons/vscode-codicons-references.tsx

import * as React from "react";

/**
 * References from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/references. Sized in em, colored by currentColor.
 */
export function VscReferencesIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 25"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.5 8.81777V5.81777C1.5 4.57677 2.509 3.56777 3.75 3.56777H7.939L6.219 1.84777C5.926 1.55477 5.926 1.07977 6.219 0.786767C6.512 0.493767 6.987 0.493767 7.28 0.786767L10.28 3.78677C10.573 4.07977 10.573 4.55477 10.28 4.84777L7.28 7.84777C7.134 7.99377 6.942 8.06777 6.75 8.06777C6.558 8.06777 6.366 7.99477 6.22 7.84777C5.927 7.55477 5.927 7.07977 6.22 6.78677L7.94 5.06677H3.75C3.337 5.06677 3 5.40277 3 5.81677V8.81677C3 9.23177 2.665 9.56677 2.25 9.56677C1.835 9.56677 1.5 9.23177 1.5 8.81677V8.81777ZM15.75 11.0678H20.25C20.664 11.0678 21 10.7318 21 10.3178C21 9.90377 20.664 9.56777 20.25 9.56777H15.75C15.336 9.56777 15 9.90377 15 10.3178C15 10.7318 15.336 11.0678 15.75 11.0678ZM15.75 5.06777H20.25C20.664 5.06777 21 4.73177 21 4.31777C21 3.90377 20.664 3.56777 20.25 3.56777H15.75C15.336 3.56777 15 3.90377 15 4.31777C15 4.73177 15.336 5.06777 15.75 5.06777ZM22.5 0.567767H13.5C12.672 0.567767 12 1.24077 12 2.06777V9.56777C12.549 9.56777 13.057 9.72677 13.5 9.98477V2.06777H22.501V12.5678H15V14.0678H22.5C23.328 14.0678 24 13.3938 24 12.5678V2.06777C24 1.24077 23.328 0.567767 22.5 0.567767ZM15.75 8.06777H20.25C20.664 8.06777 21 7.73177 21 7.31777C21 6.90377 20.664 6.56777 20.25 6.56777H15.75C15.336 6.56777 15 6.90377 15 7.31777C15 7.73177 15.336 8.06777 15.75 8.06777ZM5.25 15.5678H9.75C10.164 15.5678 10.5 15.2318 10.5 14.8178C10.5 14.4038 10.164 14.0678 9.75 14.0678H5.25C4.836 14.0678 4.5 14.4038 4.5 14.8178C4.5 15.2318 4.836 15.5678 5.25 15.5678ZM5.25 18.5678H9.75C10.164 18.5678 10.5 18.2318 10.5 17.8178C10.5 17.4038 10.164 17.0678 9.75 17.0678H5.25C4.836 17.0678 4.5 17.4038 4.5 17.8178C4.5 18.2318 4.836 18.5678 5.25 18.5678ZM5.25 21.5678H9.75C10.164 21.5678 10.5 21.2318 10.5 20.8178C10.5 20.4038 10.164 20.0678 9.75 20.0678H5.25C4.836 20.0678 4.5 20.4038 4.5 20.8178C4.5 21.2318 4.836 21.5678 5.25 21.5678ZM13.5 12.5678V23.0678C13.5 23.8938 12.828 24.5678 12 24.5678H3C2.172 24.5678 1.5 23.8938 1.5 23.0678V12.5678C1.5 11.7408 2.172 11.0678 3 11.0678H12C12.828 11.0678 13.5 11.7408 13.5 12.5678ZM12.001 12.5678H3V23.0678H12.001V12.5678Z"
      />
    </svg>
  );
}

With react-icons

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

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

references.svg

<svg
  viewBox="0 0 24 25"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M1.5 8.81777V5.81777C1.5 4.57677 2.509 3.56777 3.75 3.56777H7.939L6.219 1.84777C5.926 1.55477 5.926 1.07977 6.219 0.786767C6.512 0.493767 6.987 0.493767 7.28 0.786767L10.28 3.78677C10.573 4.07977 10.573 4.55477 10.28 4.84777L7.28 7.84777C7.134 7.99377 6.942 8.06777 6.75 8.06777C6.558 8.06777 6.366 7.99477 6.22 7.84777C5.927 7.55477 5.927 7.07977 6.22 6.78677L7.94 5.06677H3.75C3.337 5.06677 3 5.40277 3 5.81677V8.81677C3 9.23177 2.665 9.56677 2.25 9.56677C1.835 9.56677 1.5 9.23177 1.5 8.81677V8.81777ZM15.75 11.0678H20.25C20.664 11.0678 21 10.7318 21 10.3178C21 9.90377 20.664 9.56777 20.25 9.56777H15.75C15.336 9.56777 15 9.90377 15 10.3178C15 10.7318 15.336 11.0678 15.75 11.0678ZM15.75 5.06777H20.25C20.664 5.06777 21 4.73177 21 4.31777C21 3.90377 20.664 3.56777 20.25 3.56777H15.75C15.336 3.56777 15 3.90377 15 4.31777C15 4.73177 15.336 5.06777 15.75 5.06777ZM22.5 0.567767H13.5C12.672 0.567767 12 1.24077 12 2.06777V9.56777C12.549 9.56777 13.057 9.72677 13.5 9.98477V2.06777H22.501V12.5678H15V14.0678H22.5C23.328 14.0678 24 13.3938 24 12.5678V2.06777C24 1.24077 23.328 0.567767 22.5 0.567767ZM15.75 8.06777H20.25C20.664 8.06777 21 7.73177 21 7.31777C21 6.90377 20.664 6.56777 20.25 6.56777H15.75C15.336 6.56777 15 6.90377 15 7.31777C15 7.73177 15.336 8.06777 15.75 8.06777ZM5.25 15.5678H9.75C10.164 15.5678 10.5 15.2318 10.5 14.8178C10.5 14.4038 10.164 14.0678 9.75 14.0678H5.25C4.836 14.0678 4.5 14.4038 4.5 14.8178C4.5 15.2318 4.836 15.5678 5.25 15.5678ZM5.25 18.5678H9.75C10.164 18.5678 10.5 18.2318 10.5 17.8178C10.5 17.4038 10.164 17.0678 9.75 17.0678H5.25C4.836 17.0678 4.5 17.4038 4.5 17.8178C4.5 18.2318 4.836 18.5678 5.25 18.5678ZM5.25 21.5678H9.75C10.164 21.5678 10.5 21.2318 10.5 20.8178C10.5 20.4038 10.164 20.0678 9.75 20.0678H5.25C4.836 20.0678 4.5 20.4038 4.5 20.8178C4.5 21.2318 4.836 21.5678 5.25 21.5678ZM13.5 12.5678V23.0678C13.5 23.8938 12.828 24.5678 12 24.5678H3C2.172 24.5678 1.5 23.8938 1.5 23.0678V12.5678C1.5 11.7408 2.172 11.0678 3 11.0678H12C12.828 11.0678 13.5 11.7408 13.5 12.5678ZM12.001 12.5678H3V23.0678H12.001V12.5678Z"
  />
</svg>

Attribution

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

Similar VS Code Icons icons