@aliimam/icons 0.1.1 → 0.1.3

package/src/stroke/communication/ChevronsLeftRightEllipsis.tsx

@@ -0,0 +1,59 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ChevronsLeftRightEllipsis: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ChevronsLeftRightEllipsis(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M12 12H12.01M16 12H16.01M17 7 22 12 17 17M7 7 2 12 7 17M8 12H8.01"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ChevronsLeftRightEllipsis.displayName = "ChevronsLeftRightEllipsis";
+
+ChevronsLeftRightEllipsis.metadata = {
+  name: "ChevronsLeftRightEllipsis",
+  category: "stroke/communication",
+  tags: ["chevrons", "left", "right", "ellipsis", "icon"],
+  description:
+    "ChevronsLeftRightEllipsis icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ChevronsLeftRightEllipsis;

package/src/stroke/communication/CircleFadingPlus.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CircleFadingPlus: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CircleFadingPlus(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M12 2C13.94 2 15.839 2.564 17.464 3.623 19.089 4.683 20.371 6.193 21.153 7.968 21.935 9.743 22.184 11.708 21.869 13.623 21.555 15.537 20.69 17.319 19.38 18.75M12 8V16M16 12H8M2.5 8.875C2.181 9.844 2.013 10.855 2 11.875M2.83 16C3.392 17.292 4.22 18.451 5.26 19.4M4.636 5.235C4.915 4.931 5.213 4.645 5.527 4.378M8.644 21.42C11.138 22.308 13.882 22.172 16.275 21.04"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CircleFadingPlus.displayName = "CircleFadingPlus";
+
+CircleFadingPlus.metadata = {
+  name: "CircleFadingPlus",
+  category: "stroke/communication",
+  tags: ["circle", "fading", "plus", "icon"],
+  description: "CircleFadingPlus icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CircleFadingPlus;

package/src/stroke/communication/EthernetPort.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const EthernetPort: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function EthernetPort(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M15 20 18 17H20C20.53 17 21.039 16.789 21.414 16.414 21.789 16.039 22 15.53 22 15V6C22 5.47 21.789 4.961 21.414 4.586 21.039 4.211 20.53 4 20 4H4C3.47 4 2.961 4.211 2.586 4.586 2.211 4.961 2 5.47 2 6V15C2 15.53 2.211 16.039 2.586 16.414 2.961 16.789 3.47 17 4 17H6L9 20H15ZM6 8V9M10 8V9M14 8V9M18 8V9"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+EthernetPort.displayName = "EthernetPort";
+
+EthernetPort.metadata = {
+  name: "EthernetPort",
+  category: "stroke/communication",
+  tags: ["ethernet", "port", "icon"],
+  description: "EthernetPort icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default EthernetPort;

package/src/stroke/communication/HandFist.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const HandFist: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function HandFist(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M12.035 17.012C12.035 16.2163 11.7189 15.4533 11.1563 14.8907C10.5937 14.3281 9.83065 14.012 9.035 14.012L8.724 14.01C8.58197 14.0092 8.44336 13.9663 8.32561 13.8869C8.20786 13.8075 8.11623 13.695 8.06225 13.5637C8.00827 13.4323 7.99435 13.2879 8.02224 13.1486C8.05013 13.0094 8.11859 12.8815 8.219 12.781L9.414 11.586C9.78899 11.2109 10.2976 11.0001 10.828 11H12C12.5304 11 13.0391 10.7893 13.4142 10.4142C13.7893 10.0391 14 9.53043 14 9C14 8.46957 13.7893 7.96086 13.4142 7.58579C13.0391 7.21071 12.5304 7 12 7H9.243C8.8489 6.99995 8.45865 7.07756 8.09455 7.22838C7.73045 7.3792 7.39963 7.60029 7.121 7.879L4.414 10.586C3.50877 11.4916 3.00017 12.7196 3 14C3 16.1217 3.84285 18.1566 5.34315 19.6569C6.84344 21.1571 8.87827 22 11 22H13C15.1217 22 17.1566 21.1571 18.6569 19.6569C20.1571 18.1566 21 16.1217 21 14V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5C18.4696 5 17.9609 5.21071 17.5858 5.58579C17.2107 5.96086 17 6.46957 17 7V9C17 9.53043 17.2107 10.0391 17.5858 10.4142C17.9609 10.7893 18.4696 11 19 11C19.5304 11 20.0391 10.7893 20.4142 10.4142C20.7893 10.0391 21 9.53043 21 9"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.888 9.662C14.189 9.863 14.539 9.979 14.901 9.997 15.263 10.015 15.623 9.934 15.942 9.764 16.262 9.593 16.529 9.339 16.715 9.028 16.902 8.718 17 8.362 17 8V5C17 4.47 16.789 3.961 16.414 3.586 16.039 3.211 15.53 3 15 3 14.47 3 13.961 3.211 13.586 3.586 13.211 3.961 13 4.47 13 5M9 5C9 4.47 8.789 3.961 8.414 3.586 8.039 3.211 7.53 3 7 3 6.47 3 5.961 3.211 5.586 3.586 5.211 3.961 5 4.47 5 5V10M9 7V4C9 3.47 9.211 2.961 9.586 2.586 9.961 2.211 10.47 2 11 2 11.53 2 12.039 2.211 12.414 2.586 12.789 2.961 13 3.47 13 4V7.268"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+HandFist.displayName = "HandFist";
+
+HandFist.metadata = {
+  name: "HandFist",
+  category: "stroke/communication",
+  tags: ["hand", "fist", "icon"],
+  description: "HandFist icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default HandFist;

package/src/stroke/communication/HandShake.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const HandShake: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function HandShake(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M11 17L13 19C13.197 19.197 13.4308 19.3532 13.6882 19.4598C13.9456 19.5665 14.2214 19.6213 14.5 19.6213C14.7786 19.6213 15.0544 19.5665 15.3118 19.4598C15.5692 19.3532 15.803 19.197 16 19C16.197 18.803 16.3532 18.5692 16.4598 18.3118C16.5665 18.0544 16.6213 17.7786 16.6213 17.5C16.6213 17.2214 16.5665 16.9456 16.4598 16.6882C16.3532 16.4308 16.197 16.197 16 16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14 14L16.5 16.5C16.8978 16.8978 17.4374 17.1213 18 17.1213C18.5626 17.1213 19.1022 16.8978 19.5 16.5C19.8978 16.1022 20.1213 15.5626 20.1213 15C20.1213 14.4374 19.8978 13.8978 19.5 13.5L15.62 9.62002C15.0575 9.05821 14.295 8.74265 13.5 8.74265C12.705 8.74265 11.9425 9.05821 11.38 9.62002L10.5 10.5C10.1022 10.8978 9.56259 11.1213 8.99998 11.1213C8.43737 11.1213 7.89781 10.8978 7.49998 10.5C7.10216 10.1022 6.87866 9.56262 6.87866 9.00002C6.87866 8.43741 7.10216 7.89784 7.49998 7.50002L10.31 4.69002C11.2222 3.78016 12.4119 3.20057 13.6906 3.04299C14.9694 2.88541 16.2641 3.15885 17.37 3.82002L17.84 4.10002C18.2658 4.357 18.772 4.44613 19.26 4.35002L21 4.00002"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 3 22 14H20M3 3 2 14 8.5 20.5C8.898 20.898 9.437 21.121 10 21.121 10.563 21.121 11.102 20.898 11.5 20.5 11.898 20.102 12.121 19.563 12.121 19 12.121 18.437 11.898 17.898 11.5 17.5M3 4H11"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+HandShake.displayName = "HandShake";
+
+HandShake.metadata = {
+  name: "HandShake",
+  category: "stroke/communication",
+  tags: ["hand", "shake", "icon"],
+  description: "HandShake icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default HandShake;

package/src/stroke/communication/Lectern.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Lectern: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Lectern(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M16.0001 12H19.0001C19.4222 12.0001 19.8335 11.8667 20.1751 11.6188C20.5168 11.3709 20.7712 11.0213 20.9021 10.62L21.9581 7.287C22.0028 7.13769 22.012 6.97999 21.985 6.82649C21.9579 6.67298 21.8954 6.52793 21.8023 6.4029C21.7092 6.27786 21.5882 6.17632 21.4489 6.10637C21.3096 6.03641 21.1559 5.99999 21.0001 6H3.00007C2.8442 5.99999 2.69049 6.03641 2.5512 6.10637C2.41191 6.17632 2.29091 6.27786 2.19784 6.4029C2.10477 6.52793 2.04221 6.67298 2.01517 6.82649C1.98812 6.97999 1.99734 7.13769 2.04207 7.287L3.09807 10.621C3.22909 11.0221 3.48363 11.3715 3.82525 11.6192C4.16688 11.8669 4.5781 12.0002 5.00007 12H8.00007"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18 6V3C18 2.735 17.895 2.48 17.707 2.293 17.52 2.105 17.265 2 17 2H14M15 10H9C8.448 10 8 10.448 8 11V21C8 21.552 8.448 22 9 22H15C15.552 22 16 21.552 16 21V11C16 10.448 15.552 10 15 10Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Lectern.displayName = "Lectern";
+
+Lectern.metadata = {
+  name: "Lectern",
+  category: "stroke/communication",
+  tags: ["lectern", "icon"],
+  description: "Lectern icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Lectern;

package/src/stroke/communication/Newspaper.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Newspaper: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Newspaper(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M15 18H10M18 14H10M4 22H20C20.53 22 21.039 21.789 21.414 21.414 21.789 21.039 22 20.53 22 20V4C22 3.47 21.789 2.961 21.414 2.586 21.039 2.211 20.53 2 20 2H8C7.47 2 6.961 2.211 6.586 2.586 6.211 2.961 6 3.47 6 4V20C6 20.53 5.789 21.039 5.414 21.414 5.039 21.789 4.53 22 4 22ZM4 22C3.47 22 2.961 21.789 2.586 21.414 2.211 21.039 2 20.53 2 20V11C2 10.47 2.211 9.961 2.586 9.586 2.961 9.211 3.47 9 4 9H6"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M17 6H11C10.4477 6 10 6.44772 10 7V9C10 9.55228 10.4477 10 11 10H17C17.5523 10 18 9.55228 18 9V7C18 6.44772 17.5523 6 17 6Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Newspaper.displayName = "Newspaper";
+
+Newspaper.metadata = {
+  name: "Newspaper",
+  category: "stroke/communication",
+  tags: ["newspaper", "icon"],
+  description: "Newspaper icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Newspaper;

package/src/stroke/communication/Nfc.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Nfc: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Nfc(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M6 8.32C6.639 9.441 6.975 10.71 6.975 12 6.975 13.291 6.639 14.559 6 15.68M9.46 6.21C10.459 7.976 10.984 9.971 10.984 12 10.984 14.029 10.459 16.024 9.46 17.79M12.91 4.1C14.288 6.505 15.013 9.227 15.015 11.999 15.017 14.77 14.294 17.494 12.92 19.9M16.37 2C18.11 5.046 19.025 8.492 19.025 12 19.025 15.508 18.11 18.954 16.37 22"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Nfc.displayName = "Nfc";
+
+Nfc.metadata = {
+  name: "Nfc",
+  category: "stroke/communication",
+  tags: ["nfc", "icon"],
+  description: "Nfc icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Nfc;

package/src/stroke/communication/Notebook.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Notebook: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Notebook(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M2 6H6M2 10H6M2 14H6M2 18H6M18 2H6C4.895 2 4 2.895 4 4V20C4 21.105 4.895 22 6 22H18C19.105 22 20 21.105 20 20V4C20 2.895 19.105 2 18 2ZM16 2V22"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Notebook.displayName = "Notebook";
+
+Notebook.metadata = {
+  name: "Notebook",
+  category: "stroke/communication",
+  tags: ["notebook", "icon"],
+  description: "Notebook icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Notebook;

package/src/stroke/communication/NotebookTabs.tsx

@@ -0,0 +1,95 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface NotebookTabsProps extends IconProps {
+  type?: "stroke";
+}
+
+export const NotebookTabs: IconComponent<NotebookTabsProps> = React.forwardRef<
+  SVGSVGElement,
+  NotebookTabsProps
+>(function NotebookTabs(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2 6H6M2 10H6M2 14H6M2 18H6M18 2H6C4.895 2 4 2.895 4 4V20C4 21.105 4.895 22 6 22H18C19.105 22 20 21.105 20 20V4C20 2.895 19.105 2 18 2ZM15 2V22M15 7H20M15 12H20M15 17H20"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2 6H6M2 10H6M2 14H6M2 18H6M18 2H6C4.895 2 4 2.895 4 4V20C4 21.105 4.895 22 6 22H18C19.105 22 20 21.105 20 20V4C20 2.895 19.105 2 18 2ZM15 2V22M15 7H20M15 12H20M15 17H20"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`NotebookTabs doesn't support ${type}`);
+  return null;
+});
+
+NotebookTabs.displayName = "NotebookTabs";
+
+NotebookTabs.metadata = {
+  name: "NotebookTabs",
+  category: "stroke/communication",
+  tags: ["notebook", "tabs", "icon"],
+  description: "NotebookTabs icon from stroke/communication category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default NotebookTabs;