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

VS Code Icons · VscGroupByRefType

Group By Ref Type icon

A free group by ref type 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 asusers icon people icon team icon community icon members icon contacts icon keyboard icon typing 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/group-by-ref-type.json

components/icons/vscode-codicons-group-by-ref-type.tsx

import * as React from "react";

/**
 * Group By Ref Type from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/group-by-ref-type. Sized in em, colored by currentColor.
 */
export function VscGroupByRefTypeIcon(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="M14 2.00001H11C10.448 2.00001 10 2.44801 10 3.00001V4.00001H8V3.75001C8 3.33701 7.663 3.00001 7.25 3.00001H5.75C5.337 3.00001 5 3.33701 5 3.75001V5.25001C5 5.66301 5.337 6.00001 5.75 6.00001H7.25C7.663 6.00001 8 5.66301 8 5.25001V5.00001H10V6.00001C10 6.55201 10.448 7.00001 11 7.00001H14C14.552 7.00001 15 6.55201 15 6.00001V3.00001C15 2.44801 14.552 2.00001 14 2.00001ZM7 5.00001H6V4.00001H7V5.00001ZM14 6.00001H11V3.00001H14V6.00001ZM14 8.00001H11C10.448 8.00001 10 8.44801 10 9.00001V10H8V9.75001C8 9.33701 7.663 9.00001 7.25 9.00001H5.75C5.337 9.00001 5 9.33701 5 9.75001V11.25C5 11.663 5.337 12 5.75 12H7.25C7.663 12 8 11.663 8 11.25V11H10V12C10 12.552 10.448 13 11 13H14C14.552 13 15 12.552 15 12V9.00001C15 8.44801 14.552 8.00001 14 8.00001ZM7 11H6V10H7V11ZM14 12H11V9.00001H14V12ZM4.501 13.501C4.501 13.777 4.277 14.001 4.001 14.001C2.896 14.001 2.001 13.106 2.001 12.001V10.001C2.001 9.46801 1.992 8.70301 1.91 8.49901C1.848 8.34201 1.715 8.16801 1.276 7.94801C1.107 7.86401 1 7.69001 1 7.50101C1 7.31201 1.107 7.13901 1.276 7.05401C1.715 6.83401 1.847 6.65901 1.91 6.50301C1.991 6.30001 1.999 6.03601 1.999 5.50601V3.00101C1.999 1.89601 2.895 1.00101 4 1.00101C4.276 1.00101 4.5 1.22401 4.5 1.50001C4.5 1.77601 4.276 2.00001 4 2.00001C3.448 2.00001 3 2.44801 3 3.00001L2.998 5.57101C2.998 6.01501 2.998 6.47301 2.837 6.87401C2.74 7.11601 2.595 7.32101 2.399 7.50001C2.595 7.68001 2.741 7.88401 2.838 8.12701C2.999 8.53101 3.001 9.49301 3.001 9.94201V12.001C3.001 12.553 3.449 13.001 4.001 13.001C4.277 13.001 4.501 13.225 4.501 13.501Z"
      />
    </svg>
  );
}

With react-icons

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

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

group-by-ref-type.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="M14 2.00001H11C10.448 2.00001 10 2.44801 10 3.00001V4.00001H8V3.75001C8 3.33701 7.663 3.00001 7.25 3.00001H5.75C5.337 3.00001 5 3.33701 5 3.75001V5.25001C5 5.66301 5.337 6.00001 5.75 6.00001H7.25C7.663 6.00001 8 5.66301 8 5.25001V5.00001H10V6.00001C10 6.55201 10.448 7.00001 11 7.00001H14C14.552 7.00001 15 6.55201 15 6.00001V3.00001C15 2.44801 14.552 2.00001 14 2.00001ZM7 5.00001H6V4.00001H7V5.00001ZM14 6.00001H11V3.00001H14V6.00001ZM14 8.00001H11C10.448 8.00001 10 8.44801 10 9.00001V10H8V9.75001C8 9.33701 7.663 9.00001 7.25 9.00001H5.75C5.337 9.00001 5 9.33701 5 9.75001V11.25C5 11.663 5.337 12 5.75 12H7.25C7.663 12 8 11.663 8 11.25V11H10V12C10 12.552 10.448 13 11 13H14C14.552 13 15 12.552 15 12V9.00001C15 8.44801 14.552 8.00001 14 8.00001ZM7 11H6V10H7V11ZM14 12H11V9.00001H14V12ZM4.501 13.501C4.501 13.777 4.277 14.001 4.001 14.001C2.896 14.001 2.001 13.106 2.001 12.001V10.001C2.001 9.46801 1.992 8.70301 1.91 8.49901C1.848 8.34201 1.715 8.16801 1.276 7.94801C1.107 7.86401 1 7.69001 1 7.50101C1 7.31201 1.107 7.13901 1.276 7.05401C1.715 6.83401 1.847 6.65901 1.91 6.50301C1.991 6.30001 1.999 6.03601 1.999 5.50601V3.00101C1.999 1.89601 2.895 1.00101 4 1.00101C4.276 1.00101 4.5 1.22401 4.5 1.50001C4.5 1.77601 4.276 2.00001 4 2.00001C3.448 2.00001 3 2.44801 3 3.00001L2.998 5.57101C2.998 6.01501 2.998 6.47301 2.837 6.87401C2.74 7.11601 2.595 7.32101 2.399 7.50001C2.595 7.68001 2.741 7.88401 2.838 8.12701C2.999 8.53101 3.001 9.49301 3.001 9.94201V12.001C3.001 12.553 3.449 13.001 4.001 13.001C4.277 13.001 4.501 13.225 4.501 13.501Z"
  />
</svg>

Attribution

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

Related icons: users, people, team, community

Similar VS Code Icons icons