@aliimam/icons 0.1.3 → 0.1.4

package/src/stroke/connectivity/WifiOff.tsx

@@ -36,7 +36,7 @@ export const WifiOff: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M12 20H12.01M8.5 16.429C9.435 15.513 10.691 15 12 15 13.309 15 14.565 15.513 15.5 16.429M5 12.859C6.418 11.469 8.218 10.533 10.17 10.169M19 12.859C18.398 12.269 17.724 11.757 16.993 11.336M2 8.82C3.237 7.714 4.648 6.821 6.177 6.177M22 8.82C20.475 7.456 18.686 6.418 16.745 5.771 14.804 5.124 12.751 4.88 10.712 5.056M2 2 22 22"
+        d="M12 20H12.01M8.5 16.429C9.435 15.513 10.691 15 12 15 13.309 15 14.565 15.513 15.5 16.429M5 12.859C6.418 11.469 8.218 10.533 10.17 10.169M19 12.859C18.398 12.269 17.724 11.757 16.993 11.336M2 8.82C3.237 7.714 4.648 6.821 6.177 6.177M22 8.82C20.475 7.456 18.687 6.418 16.745 5.771 14.804 5.124 12.751 4.88 10.712 5.056M2 2 22 22"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"

package/src/stroke/connectivity/WifiPen.tsx

@@ -36,7 +36,7 @@ export const WifiPen: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M2 8.82C4.75 6.36 8.31 5 12 5 15.69 5 19.25 6.36 22 8.82M21.378 16.626C21.776 16.228 22 15.687 22 15.124 22 14.561 21.776 14.02 21.378 13.622 20.98 13.224 20.439 13 19.876 13 19.313 13 18.772 13.224 18.374 13.622L14.364 17.634C14.126 17.872 13.952 18.165 13.858 18.488L13.021 21.358C12.996 21.444 12.994 21.535 13.017 21.622 13.039 21.709 13.084 21.788 13.147 21.852 13.211 21.915 13.29 21.96 13.377 21.982 13.464 22.005 13.555 22.003 13.641 21.978L16.511 21.141C16.834 21.047 17.127 20.873 17.365 20.635L21.378 16.626ZM5 12.859C6.358 11.529 8.067 10.614 9.927 10.22 11.786 9.827 13.72 9.971 15.5 10.637M8.5 16.429C9.311 15.633 10.369 15.137 11.5 15.023"
+        d="M2 8.82C4.75 6.36 8.31 5 12 5 15.69 5 19.25 6.36 22 8.82M21.378 16.626C21.776 16.228 22 15.687 22 15.124 22 14.561 21.776 14.02 21.378 13.622 20.98 13.224 20.439 13 19.876 13 19.313 13 18.772 13.224 18.374 13.622L14.364 17.634C14.126 17.872 13.952 18.165 13.858 18.488L13.021 21.358C12.996 21.444 12.994 21.535 13.017 21.622 13.039 21.709 13.084 21.788 13.147 21.852 13.211 21.915 13.29 21.96 13.377 21.982 13.464 22.005 13.555 22.003 13.641 21.978L16.511 21.141C16.834 21.047 17.127 20.873 17.365 20.635L21.378 16.626ZM5 12.859C6.358 11.529 8.067 10.614 9.927 10.22 11.786 9.826 13.72 9.971 15.5 10.637M8.5 16.429C9.311 15.633 10.369 15.137 11.5 15.023"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"

package/src/stroke/connectivity/WifiSync.tsx

@@ -36,7 +36,7 @@ export const WifiSync: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M11.965 10.105V14.105L13.5 12.5C14.074 11.948 14.772 11.542 15.535 11.314 16.297 11.086 17.104 11.044 17.886 11.191 18.669 11.337 19.405 11.669 20.034 12.158 20.662 12.646 21.165 13.278 21.5 14M11.965 14.105H15.965M17.965 18.105H21.965L20.43 19.71C19.856 20.262 19.158 20.668 18.396 20.896 17.633 21.124 16.826 21.166 16.044 21.019 15.261 20.873 14.525 20.541 13.897 20.053 13.268 19.564 12.765 18.932 12.43 18.21M2 8.82C4.75 6.36 8.31 5 12 5 15.69 5 19.25 6.36 22 8.82M21.965 22.105V18.105M5 12.86C5.868 12.006 6.885 11.317 8 10.828M8.5 16.429H8.51"
+        d="M11.965 10.105V14.105L13.5 12.5C14.074 11.948 14.772 11.542 15.534 11.314 16.297 11.086 17.104 11.044 17.886 11.191 18.669 11.337 19.405 11.669 20.033 12.158 20.662 12.646 21.165 13.278 21.5 14M11.965 14.105H15.965M17.965 18.105H21.965L20.43 19.71C19.856 20.262 19.159 20.668 18.396 20.896 17.633 21.124 16.827 21.166 16.044 21.019 15.261 20.873 14.525 20.541 13.897 20.053 13.268 19.564 12.765 18.932 12.43 18.21M2 8.82C4.75 6.36 8.31 5 12 5 15.69 5 19.25 6.36 22 8.82M21.965 22.105V18.105M5 12.86C5.868 12.006 6.885 11.317 8 10.828M8.5 16.429H8.51"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"

package/src/stroke/connectivity/Zap.tsx

@@ -34,7 +34,7 @@ export const Zap: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          d="M3.99999 14C3.81076 14.0006 3.62522 13.9476 3.46495 13.847C3.30467 13.7464 3.17623 13.6024 3.09454 13.4317C3.01286 13.261 2.98129 13.0706 3.00349 12.8827C3.0257 12.6947 3.10077 12.517 3.21999 12.37L13.12 2.17C13.1943 2.08428 13.2955 2.02636 13.407 2.00574C13.5185 1.98511 13.6337 2.00302 13.7337 2.05651C13.8337 2.11 13.9126 2.1959 13.9573 2.30011C14.0021 2.40432 14.0101 2.52065 13.98 2.63L12.06 8.65C12.0034 8.80153 11.9844 8.96452 12.0046 9.12501C12.0248 9.2855 12.0837 9.43868 12.1761 9.57143C12.2685 9.70418 12.3918 9.81252 12.5353 9.88716C12.6788 9.96181 12.8382 10.0005 13 10H20C20.1892 9.99936 20.3748 10.0524 20.535 10.153C20.6953 10.2536 20.8238 10.3976 20.9054 10.5683C20.9871 10.739 21.0187 10.9294 20.9965 11.1173C20.9743 11.3053 20.8992 11.483 20.78 11.63L10.88 21.83C10.8057 21.9157 10.7045 21.9736 10.593 21.9943C10.4815 22.0149 10.3663 21.997 10.2663 21.9435C10.1663 21.89 10.0874 21.8041 10.0427 21.6999C9.99791 21.5957 9.98991 21.4794 10.02 21.37L11.94 15.35C11.9966 15.1985 12.0156 15.0355 11.9954 14.875C11.9752 14.7145 11.9163 14.5613 11.8239 14.4286C11.7315 14.2958 11.6082 14.1875 11.4647 14.1128C11.3212 14.0382 11.1617 13.9995 11 14H3.99999Z"
+          d="M3.99999 14C3.81076 14.0007 3.62522 13.9476 3.46495 13.847C3.30467 13.7464 3.17623 13.6024 3.09454 13.4317C3.01286 13.261 2.98129 13.0706 3.00349 12.8827C3.0257 12.6947 3.10077 12.517 3.21999 12.37L13.12 2.17001C13.1943 2.08429 13.2955 2.02637 13.407 2.00574C13.5185 1.98512 13.6337 2.00302 13.7337 2.05651C13.8337 2.11001 13.9126 2.19591 13.9573 2.30012C14.0021 2.40433 14.0101 2.52066 13.98 2.63001L12.06 8.65001C12.0034 8.80153 11.9844 8.96453 12.0046 9.12502C12.0248 9.2855 12.0837 9.43869 12.1761 9.57144C12.2685 9.70418 12.3918 9.81253 12.5353 9.88717C12.6788 9.96182 12.8382 10.0005 13 10H20C20.1892 9.99937 20.3748 10.0524 20.535 10.153C20.6953 10.2536 20.8238 10.3977 20.9054 10.5684C20.9871 10.7391 21.0187 10.9294 20.9965 11.1174C20.9743 11.3053 20.8992 11.4831 20.78 11.63L10.88 21.83C10.8057 21.9157 10.7045 21.9737 10.593 21.9943C10.4815 22.0149 10.3663 21.997 10.2663 21.9435C10.1663 21.89 10.0874 21.8041 10.0427 21.6999C9.99791 21.5957 9.98991 21.4794 10.02 21.37L11.94 15.35C11.9966 15.1985 12.0156 15.0355 11.9954 14.875C11.9752 14.7145 11.9163 14.5613 11.8239 14.4286C11.7315 14.2958 11.6082 14.1875 11.4647 14.1129C11.3212 14.0382 11.1617 13.9995 11 14H3.99999Z"
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"

package/src/stroke/connectivity/index.ts

@@ -48,7 +48,6 @@ export { default as PhoneOff } from "./PhoneOff";
 export { default as PhoneOutgoing } from "./PhoneOutgoing";
 export { default as Power } from "./Power";
 export { default as RectangleGoggles } from "./RectangleGoggles";
-export { default as Router } from "./Router";
 export { default as Satellite } from "./Satellite";
 export { default as SatelliteDish } from "./SatelliteDish";
 export { default as ScreenShare } from "./ScreenShare";

package/src/stroke/design/AArrowDown.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const AArrowDown: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function AArrowDown(
+  {
+    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="M14 12 18 16 22 12M18 16V7M2 16 6.039 6.31C6.077 6.219 6.141 6.141 6.223 6.086 6.305 6.032 6.402 6.002 6.501 6.002 6.599 6.002 6.696 6.032 6.778 6.086 6.86 6.141 6.924 6.219 6.962 6.31L11 16M3.304 13H9.696"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+AArrowDown.displayName = "AArrowDown";
+
+AArrowDown.metadata = {
+  name: "AArrowDown",
+  category: "stroke/design",
+  tags: ["arrow", "down", "icon"],
+  description: "AArrowDown icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default AArrowDown;

package/src/stroke/design/AArrowUp.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const AArrowUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function AArrowUp(
+  {
+    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="M14 11 18 7 22 11M18 16V7M2 16 6.039 6.31C6.077 6.219 6.141 6.141 6.223 6.086 6.305 6.032 6.402 6.002 6.501 6.002 6.599 6.002 6.696 6.032 6.778 6.086 6.86 6.141 6.924 6.219 6.962 6.31L11 16M3.304 13H9.696"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+AArrowUp.displayName = "AArrowUp";
+
+AArrowUp.metadata = {
+  name: "AArrowUp",
+  category: "stroke/design",
+  tags: ["arrow", "up", "icon"],
+  description: "AArrowUp icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default AArrowUp;

package/src/stroke/design/ALargeSmall.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ALargeSmall: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ALargeSmall(
+  {
+    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 16 17.536 8.672C17.605 8.472 17.735 8.298 17.908 8.175 18.081 8.051 18.288 7.985 18.5 7.985 18.712 7.985 18.919 8.051 19.092 8.175 19.265 8.298 19.395 8.472 19.464 8.672L22 16M15.697 14H21.303M2 16 6.039 6.31C6.077 6.219 6.141 6.141 6.223 6.086 6.305 6.032 6.402 6.002 6.501 6.002 6.599 6.002 6.696 6.032 6.778 6.086 6.86 6.141 6.924 6.219 6.962 6.31L11 16M3.304 13H9.696"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ALargeSmall.displayName = "ALargeSmall";
+
+ALargeSmall.metadata = {
+  name: "ALargeSmall",
+  category: "stroke/design",
+  tags: ["large", "small", "icon"],
+  description: "ALargeSmall icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ALargeSmall;

package/src/stroke/design/Axis3D.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Axis3D: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Axis3D(
+    {
+      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="M13.5 10.5 15 9M4 4V19C4 19.265 4.105 19.52 4.293 19.707 4.48 19.895 4.735 20 5 20H20M4.293 19.707 6 18M9 15 10.5 13.5"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Axis3D.displayName = "Axis3D";
+
+Axis3D.metadata = {
+  name: "Axis3D",
+  category: "stroke/design",
+  tags: ["axis", "icon"],
+  description: "Axis3D icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Axis3D;

package/src/stroke/design/BetweenHorizontalEnd.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const BetweenHorizontalEnd: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function BetweenHorizontalEnd(
+  {
+    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 3H4C3.448 3 3 3.448 3 4V9C3 9.552 3.448 10 4 10H15C15.552 10 16 9.552 16 9V4C16 3.448 15.552 3 15 3ZM22 15 19 12 22 9M15 14H4C3.448 14 3 14.448 3 15V20C3 20.552 3.448 21 4 21H15C15.552 21 16 20.552 16 20V15C16 14.448 15.552 14 15 14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+BetweenHorizontalEnd.displayName = "BetweenHorizontalEnd";
+
+BetweenHorizontalEnd.metadata = {
+  name: "BetweenHorizontalEnd",
+  category: "stroke/design",
+  tags: ["between", "horizontal", "end", "icon"],
+  description: "BetweenHorizontalEnd icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default BetweenHorizontalEnd;

package/src/stroke/design/BetweenHorizontalStart.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const BetweenHorizontalStart: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function BetweenHorizontalStart(
+  {
+    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="M20 3H9C8.448 3 8 3.448 8 4V9C8 9.552 8.448 10 9 10H20C20.552 10 21 9.552 21 9V4C21 3.448 20.552 3 20 3ZM2 9 5 12 2 15M20 14H9C8.448 14 8 14.448 8 15V20C8 20.552 8.448 21 9 21H20C20.552 21 21 20.552 21 20V15C21 14.448 20.552 14 20 14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+BetweenHorizontalStart.displayName = "BetweenHorizontalStart";
+
+BetweenHorizontalStart.metadata = {
+  name: "BetweenHorizontalStart",
+  category: "stroke/design",
+  tags: ["between", "horizontal", "start", "icon"],
+  description: "BetweenHorizontalStart icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default BetweenHorizontalStart;

package/src/stroke/design/BetweenVerticalEnd.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const BetweenVerticalEnd: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function BetweenVerticalEnd(
+  {
+    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="M9 3H4C3.448 3 3 3.448 3 4V15C3 15.552 3.448 16 4 16H9C9.552 16 10 15.552 10 15V4C10 3.448 9.552 3 9 3ZM9 22 12 19 15 22M20 3H15C14.448 3 14 3.448 14 4V15C14 15.552 14.448 16 15 16H20C20.552 16 21 15.552 21 15V4C21 3.448 20.552 3 20 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+BetweenVerticalEnd.displayName = "BetweenVerticalEnd";
+
+BetweenVerticalEnd.metadata = {
+  name: "BetweenVerticalEnd",
+  category: "stroke/design",
+  tags: ["between", "vertical", "end", "icon"],
+  description: "BetweenVerticalEnd icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default BetweenVerticalEnd;

package/src/stroke/design/BetweenVerticalStart.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const BetweenVerticalStart: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function BetweenVerticalStart(
+  {
+    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="M9 8H4C3.448 8 3 8.448 3 9V20C3 20.552 3.448 21 4 21H9C9.552 21 10 20.552 10 20V9C10 8.448 9.552 8 9 8ZM15 2 12 5 9 2M20 8H15C14.448 8 14 8.448 14 9V20C14 20.552 14.448 21 15 21H20C20.552 21 21 20.552 21 20V9C21 8.448 20.552 8 20 8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+BetweenVerticalStart.displayName = "BetweenVerticalStart";
+
+BetweenVerticalStart.metadata = {
+  name: "BetweenVerticalStart",
+  category: "stroke/design",
+  tags: ["between", "vertical", "start", "icon"],
+  description: "BetweenVerticalStart icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default BetweenVerticalStart;

package/src/stroke/design/BookType.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const BookType: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function BookType(
+  {
+    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="M10 13H14M12 6V13M16 8V6H8V8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H19C19.2652 2 19.5196 2.10536 19.7071 2.29289C19.8946 2.48043 20 2.73478 20 3V21C20 21.2652 19.8946 21.5196 19.7071 21.7071C19.5196 21.8946 19.2652 22 19 22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5ZM4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+BookType.displayName = "BookType";
+
+BookType.metadata = {
+  name: "BookType",
+  category: "stroke/design",
+  tags: ["book", "type", "icon"],
+  description: "BookType icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default BookType;

package/src/stroke/design/BringToFront.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const BringToFront: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function BringToFront(
+  {
+    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="M14 8H10C8.895 8 8 8.895 8 10V14C8 15.105 8.895 16 10 16H14C15.105 16 16 15.105 16 14V10C16 8.895 15.105 8 14 8ZM4 10C3.47 10 2.961 9.789 2.586 9.414 2.211 9.039 2 8.53 2 8V4C2 3.47 2.211 2.961 2.586 2.586 2.961 2.211 3.47 2 4 2H8C8.53 2 9.039 2.211 9.414 2.586 9.789 2.961 10 3.47 10 4M14 20C14 20.53 14.211 21.039 14.586 21.414 14.961 21.789 15.47 22 16 22H20C20.53 22 21.039 21.789 21.414 21.414 21.789 21.039 22 20.53 22 20V16C22 15.47 21.789 14.961 21.414 14.586 21.039 14.211 20.53 14 20 14"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+BringToFront.displayName = "BringToFront";
+
+BringToFront.metadata = {
+  name: "BringToFront",
+  category: "stroke/design",
+  tags: ["bring", "to", "front", "icon"],
+  description: "BringToFront icon from stroke/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default BringToFront;