Skip to content
Cuelark UI

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

Lucide · LuNotebookTabs

Notebook Tabs icon

A free notebook tabs icon from Lucide, 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 aslaptop iconcomputer icondevice iconpc icon
License
ISC license
Project
lucide.dev
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/lucide/notebook-tabs.json
components/icons/lucide-notebook-tabs.tsx
import * as React from "react";

/**
 * Notebook Tabs from Lucide (https://lucide.dev/), ISC.
 * Via Cuelark UI: ui.cuelark.com/icons/lucide/notebook-tabs. Sized in em, colored by currentColor.
 */
export function LuNotebookTabsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      strokeWidth="2"
      viewBox="0 0 24 24"
      strokeLinecap="round"
      strokeLinejoin="round"
      stroke="currentColor"
      fill="currentColor"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path d="M2 6h4" />
      <path d="M2 10h4" />
      <path d="M2 14h4" />
      <path d="M2 18h4" />
      <rect width="16" height="20" x="4" y="2" rx="2" />
      <path d="M15 2v20" />
      <path d="M15 7h5" />
      <path d="M15 12h5" />
      <path d="M15 17h5" />
    </svg>
  );
}
With react-icons
import { LuNotebookTabs } from "react-icons/lu";

export function Example() {
  return <LuNotebookTabs className="size-5" />;
}
notebook-tabs.svg
<svg
  fill="none"
  stroke-width="2"
  viewBox="0 0 24 24"
  stroke-linecap="round"
  stroke-linejoin="round"
  stroke="currentColor"
  fill="currentColor"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M2 6h4" />
  <path d="M2 10h4" />
  <path d="M2 14h4" />
  <path d="M2 18h4" />
  <rect width="16" height="20" x="4" y="2" rx="2" />
  <path d="M15 2v20" />
  <path d="M15 7h5" />
  <path d="M15 12h5" />
  <path d="M15 17h5" />
</svg>
Attribution
"Notebook Tabs" icon from Lucide (https://lucide.dev/), licensed under ISC license.

Related icons: laptop, computer, device, pc