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

Library Compact icon

A free library 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.

Also known asbook iconread icondocs icondocumentation iconguide iconlearn 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/library-compact.json
components/icons/vscode-codicons-library-compact.tsx
import * as React from "react";

/**
 * Library Compact from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/library-compact. Sized in em, colored by currentColor.
 */
export function VscLibraryCompactIcon(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="M1.749 0H1.249C0.559 0 0 0.559 0 1.249V10.745C0 11.435 0.559 11.994 1.249 11.994H1.749C2.439 11.994 2.998 11.435 2.998 10.745V1.249C2.998 0.559 2.439 0 1.749 0ZM1.998 10.745C1.998 10.883 1.886 10.995 1.748 10.995H1.248C1.11 10.995 0.998 10.883 0.998 10.745V1.249C0.998 1.111 1.11 0.999 1.248 0.999H1.748C1.886 0.999 1.998 1.111 1.998 1.249V10.745ZM5.745 0H5.245C4.555 0 3.996 0.559 3.996 1.249V10.745C3.996 11.435 4.555 11.994 5.245 11.994H5.745C6.435 11.994 6.994 11.435 6.994 10.745V1.249C6.994 0.559 6.435 0 5.745 0ZM5.995 10.745C5.995 10.883 5.883 10.995 5.745 10.995H5.245C5.107 10.995 4.995 10.883 4.995 10.745V1.249C4.995 1.111 5.107 0.999 5.245 0.999H5.745C5.883 0.999 5.995 1.111 5.995 1.249V10.745ZM11.958 10.299L10.028 3.052C9.942 2.729 9.736 2.459 9.446 2.292C9.157 2.124 8.82 2.08 8.497 2.166L8.015 2.294C7.692 2.38 7.422 2.586 7.255 2.876C7.088 3.165 7.043 3.501 7.129 3.824L9.059 11.071C9.145 11.394 9.351 11.664 9.641 11.831C9.834 11.943 10.048 12 10.266 12C10.374 12 10.482 11.986 10.59 11.957L11.073 11.828C11.396 11.743 11.665 11.536 11.833 11.247C12 10.958 12.045 10.622 11.959 10.298L11.958 10.299ZM10.966 10.747C10.946 10.78 10.901 10.84 10.814 10.863L10.331 10.992C10.243 11.016 10.175 10.987 10.141 10.967C10.108 10.947 10.048 10.902 10.025 10.815L8.095 3.568C8.072 3.481 8.101 3.412 8.12 3.378C8.14 3.345 8.185 3.285 8.272 3.262L8.754 3.134C8.777 3.128 8.799 3.125 8.819 3.125C8.876 3.125 8.92 3.145 8.944 3.159C8.977 3.179 9.037 3.224 9.06 3.311L10.99 10.558C11.013 10.645 10.984 10.714 10.965 10.748L10.966 10.747Z"
      />
    </svg>
  );
}
With react-icons
import { VscLibraryCompact } from "react-icons/vsc";

export function Example() {
  return <VscLibraryCompact className="size-5" />;
}
library-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="M1.749 0H1.249C0.559 0 0 0.559 0 1.249V10.745C0 11.435 0.559 11.994 1.249 11.994H1.749C2.439 11.994 2.998 11.435 2.998 10.745V1.249C2.998 0.559 2.439 0 1.749 0ZM1.998 10.745C1.998 10.883 1.886 10.995 1.748 10.995H1.248C1.11 10.995 0.998 10.883 0.998 10.745V1.249C0.998 1.111 1.11 0.999 1.248 0.999H1.748C1.886 0.999 1.998 1.111 1.998 1.249V10.745ZM5.745 0H5.245C4.555 0 3.996 0.559 3.996 1.249V10.745C3.996 11.435 4.555 11.994 5.245 11.994H5.745C6.435 11.994 6.994 11.435 6.994 10.745V1.249C6.994 0.559 6.435 0 5.745 0ZM5.995 10.745C5.995 10.883 5.883 10.995 5.745 10.995H5.245C5.107 10.995 4.995 10.883 4.995 10.745V1.249C4.995 1.111 5.107 0.999 5.245 0.999H5.745C5.883 0.999 5.995 1.111 5.995 1.249V10.745ZM11.958 10.299L10.028 3.052C9.942 2.729 9.736 2.459 9.446 2.292C9.157 2.124 8.82 2.08 8.497 2.166L8.015 2.294C7.692 2.38 7.422 2.586 7.255 2.876C7.088 3.165 7.043 3.501 7.129 3.824L9.059 11.071C9.145 11.394 9.351 11.664 9.641 11.831C9.834 11.943 10.048 12 10.266 12C10.374 12 10.482 11.986 10.59 11.957L11.073 11.828C11.396 11.743 11.665 11.536 11.833 11.247C12 10.958 12.045 10.622 11.959 10.298L11.958 10.299ZM10.966 10.747C10.946 10.78 10.901 10.84 10.814 10.863L10.331 10.992C10.243 11.016 10.175 10.987 10.141 10.967C10.108 10.947 10.048 10.902 10.025 10.815L8.095 3.568C8.072 3.481 8.101 3.412 8.12 3.378C8.14 3.345 8.185 3.285 8.272 3.262L8.754 3.134C8.777 3.128 8.799 3.125 8.819 3.125C8.876 3.125 8.92 3.145 8.944 3.159C8.977 3.179 9.037 3.224 9.06 3.311L10.99 10.558C11.013 10.645 10.984 10.714 10.965 10.748L10.966 10.747Z"
  />
</svg>
Attribution
"Library Compact" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: book, read, docs, documentation