@aliimam/icons 0.0.5 → 0.0.7

package/src/stroke/arrows/ArrowBigRight.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowBigRight: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowBigRight(
+  {
+    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 9C11.2652 9 11.5196 8.89464 11.7071 8.7071C11.8946 8.51957 12 8.26521 12 8V5.061C11.9558 4.83453 11.9913 4.59975 12.1004 4.39646C12.2096 4.19316 12.3857 4.03387 12.5989 3.94559C12.8121 3.8573 13.0492 3.84545 13.2701 3.91205C13.491 3.97865 13.6821 4.1196 13.811 4.311L20.647 11.147C20.7591 11.2591 20.848 11.3921 20.9087 11.5386C20.9693 11.685 21.0005 11.842 21.0005 12.0005C21.0005 12.159 20.9693 12.316 20.9087 12.4624C20.848 12.6089 20.7591 12.7419 20.647 12.854L13.811 19.689C13.6821 19.8804 13.491 20.0213 13.2701 20.0879C13.0492 20.1545 12.8121 20.1427 12.5989 20.0544C12.3857 19.9661 12.2096 19.8068 12.1004 19.6035C11.9913 19.4002 11.9558 19.1655 12 18.939V16C12 15.7348 11.8946 15.4804 11.7071 15.2929C11.5196 15.1054 11.2652 15 11 15H5C4.73478 15 4.48043 14.8946 4.29289 14.7071C4.10536 14.5196 4 14.2652 4 14V10C4 9.73478 4.10536 9.48043 4.29289 9.29289C4.48043 9.10535 4.73478 9 5 9H11Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowBigRight.displayName = "ArrowBigRight";
+
+ArrowBigRight.metadata = {
+  name: "ArrowBigRight",
+  category: "stroke/arrows",
+  tags: ["arrow", "big", "right", "icon"],
+  description: "ArrowBigRight icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowBigRight;

package/src/stroke/arrows/ArrowBigRightDash.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowBigRightDash: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowBigRightDash(
+  {
+    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 9C11.265 9 11.52 8.895 11.707 8.707 11.895 8.52 12 8.265 12 8V5.061C11.956 4.835 11.991 4.6 12.1 4.396 12.21 4.193 12.386 4.034 12.599 3.946 12.812 3.857 13.049 3.845 13.27 3.912 13.491 3.979 13.682 4.12 13.811 4.311L20.647 11.147C20.759 11.259 20.848 11.392 20.909 11.539 20.969 11.685 21.001 11.842 21.001 12.001 21.001 12.159 20.969 12.316 20.909 12.462 20.848 12.609 20.759 12.742 20.647 12.854L13.811 19.689C13.682 19.88 13.491 20.021 13.27 20.088 13.049 20.155 12.812 20.143 12.599 20.054 12.386 19.966 12.21 19.807 12.1 19.604 11.991 19.4 11.956 19.166 12 18.939V16C12 15.735 11.895 15.48 11.707 15.293 11.52 15.105 11.265 15 11 15H9C8.735 15 8.48 14.895 8.293 14.707 8.105 14.52 8 14.265 8 14V10C8 9.735 8.105 9.48 8.293 9.293 8.48 9.105 8.735 9 9 9H11ZM4 9V15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowBigRightDash.displayName = "ArrowBigRightDash";
+
+ArrowBigRightDash.metadata = {
+  name: "ArrowBigRightDash",
+  category: "stroke/arrows",
+  tags: ["arrow", "big", "right", "dash", "icon"],
+  description: "ArrowBigRightDash icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowBigRightDash;

package/src/stroke/arrows/ArrowBigUp.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowBigUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowBigUp(
+  {
+    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.00001 13C9.00001 12.7348 8.89466 12.4804 8.70712 12.2929C8.51958 12.1054 8.26523 12 8.00001 12H5.06101C4.83454 12.0442 4.59976 12.0087 4.39647 11.8996C4.19318 11.7904 4.03389 11.6143 3.9456 11.4011C3.85732 11.188 3.84547 10.9508 3.91207 10.7299C3.97867 10.509 4.11961 10.3179 4.31101 10.189L11.147 3.354C11.2591 3.24192 11.3922 3.153 11.5386 3.09234C11.685 3.03168 11.842 3.00046 12.0005 3.00046C12.159 3.00046 12.316 3.03168 12.4624 3.09234C12.6089 3.153 12.7419 3.24192 12.854 3.354L19.689 10.189C19.8804 10.3179 20.0214 10.509 20.088 10.7299C20.1546 10.9508 20.1427 11.188 20.0544 11.4011C19.9661 11.6143 19.8068 11.7904 19.6036 11.8996C19.4003 12.0087 19.1655 12.0442 18.939 12H16C15.7348 12 15.4804 12.1054 15.2929 12.2929C15.1054 12.4804 15 12.7348 15 13V19C15 19.2652 14.8947 19.5196 14.7071 19.7071C14.5196 19.8946 14.2652 20 14 20H10C9.7348 20 9.48044 19.8946 9.29291 19.7071C9.10537 19.5196 9.00001 19.2652 9.00001 19V13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowBigUp.displayName = "ArrowBigUp";
+
+ArrowBigUp.metadata = {
+  name: "ArrowBigUp",
+  category: "stroke/arrows",
+  tags: ["arrow", "big", "up", "icon"],
+  description: "ArrowBigUp icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowBigUp;

package/src/stroke/arrows/ArrowBigUpDash.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowBigUpDash: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowBigUpDash(
+  {
+    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 13C9 12.735 8.895 12.48 8.707 12.293 8.52 12.105 8.265 12 8 12H5.061C4.835 12.044 4.6 12.009 4.396 11.9 4.193 11.79 4.034 11.614 3.946 11.401 3.857 11.188 3.845 10.951 3.912 10.73 3.979 10.509 4.12 10.318 4.311 10.189L11.147 3.354C11.259 3.242 11.392 3.153 11.539 3.092 11.685 3.032 11.842 3 12.001 3 12.159 3 12.316 3.032 12.462 3.092 12.609 3.153 12.742 3.242 12.854 3.354L19.689 10.189C19.88 10.318 20.021 10.509 20.088 10.73 20.155 10.951 20.143 11.188 20.054 11.401 19.966 11.614 19.807 11.79 19.604 11.9 19.4 12.009 19.166 12.044 18.939 12H16C15.735 12 15.48 12.105 15.293 12.293 15.105 12.48 15 12.735 15 13V15C15 15.265 14.895 15.52 14.707 15.707 14.52 15.895 14.265 16 14 16H10C9.735 16 9.48 15.895 9.293 15.707 9.105 15.52 9 15.265 9 15V13ZM9 20H15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowBigUpDash.displayName = "ArrowBigUpDash";
+
+ArrowBigUpDash.metadata = {
+  name: "ArrowBigUpDash",
+  category: "stroke/arrows",
+  tags: ["arrow", "big", "up", "dash", "icon"],
+  description: "ArrowBigUpDash icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowBigUpDash;

package/src/stroke/arrows/ArrowDown.tsx

@@ -23,7 +23,7 @@ export const ArrowDown: IconComponent = React.forwardRef<
     <svg
       width={size}
       height={size}
-      viewBox="0 0 15 15"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
@@ -36,8 +36,10 @@ export const ArrowDown: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M11.8535 8.14649C12.0488 8.34175 12.0488 8.65826 11.8535 8.85352L7.85352 12.8535C7.65825 13.0488 7.34175 13.0488 7.14648 12.8535L3.14648 8.85352C2.95122 8.65826 2.95122 8.34175 3.14648 8.14649C3.34175 7.95123 3.65825 7.95123 3.85352 8.14649L7 11.293L7 2.50001C7 2.22387 7.22386 2.00001 7.5 2.00001C7.77614 2.00001 8 2.22387 8 2.50001L8 11.293L11.1465 8.14649C11.3417 7.95123 11.6583 7.95123 11.8535 8.14649Z"
-        fill="currentColor"
+        d="M12 5V19M19 12 12 19 5 12"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );

package/src/stroke/arrows/{ArrowUp.tsx → ArrowDown01.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const ArrowUp: IconComponent = React.forwardRef<
+export const ArrowDown01: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function ArrowUp(
+>(function ArrowDown01(
   {
     color = "currentColor",
     fill,
@@ -23,7 +23,7 @@ export const ArrowUp: IconComponent = React.forwardRef<
     <svg
       width={size}
       height={size}
-      viewBox="0 0 15 15"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
@@ -36,21 +36,23 @@ export const ArrowUp: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M3.14648 6.85352C2.95122 6.65825 2.95122 6.34175 3.14648 6.14648L7.14648 2.14648C7.34175 1.95122 7.65825 1.95122 7.85352 2.14648L11.8535 6.14648C12.0488 6.34175 12.0488 6.65825 11.8535 6.85352C11.6583 7.04878 11.3417 7.04878 11.1465 6.85352L8 3.70703L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70703L3.85352 6.85352C3.65825 7.04878 3.34175 7.04878 3.14648 6.85352Z"
-        fill="currentColor"
+        d="M3 16 7 20 11 16M7 20V4M19 6C19 4.895 18.105 4 17 4 15.895 4 15 4.895 15 6V8C15 9.105 15.895 10 17 10 18.105 10 19 9.105 19 8V6ZM17 20V14H15M15 20H19"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );
 });
 
-ArrowUp.displayName = "ArrowUp";
+ArrowDown01.displayName = "ArrowDown01";
 
-ArrowUp.metadata = {
-  name: "ArrowUp",
+ArrowDown01.metadata = {
+  name: "ArrowDown01",
   category: "stroke/arrows",
-  tags: ["arrow", "up", "icon"],
-  description: "ArrowUp icon from stroke/arrows category",
+  tags: ["arrow", "down", "01", "icon"],
+  description: "ArrowDown01 icon from stroke/arrows category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default ArrowUp;
+export default ArrowDown01;

package/src/stroke/arrows/{ArrowLeft.tsx → ArrowDown10.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const ArrowLeft: IconComponent = React.forwardRef<
+export const ArrowDown10: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function ArrowLeft(
+>(function ArrowDown10(
   {
     color = "currentColor",
     fill,
@@ -23,7 +23,7 @@ export const ArrowLeft: IconComponent = React.forwardRef<
     <svg
       width={size}
       height={size}
-      viewBox="0 0 15 15"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
@@ -36,21 +36,23 @@ export const ArrowLeft: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M6.14648 3.14648C6.34175 2.95122 6.65825 2.95122 6.85352 3.14648C7.04878 3.34175 7.04878 3.65825 6.85352 3.85352L3.70703 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70703L6.85352 11.1465C7.04878 11.3417 7.04878 11.6583 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535L2.14648 7.85352C1.95122 7.65825 1.95122 7.34175 2.14648 7.14648L6.14648 3.14648Z"
-        fill="currentColor"
+        d="M3 16 7 20 11 16M7 20V4M17 10V4H15M15 10H19M19 16C19 14.895 18.105 14 17 14 15.895 14 15 14.895 15 16V18C15 19.105 15.895 20 17 20 18.105 20 19 19.105 19 18V16Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );
 });
 
-ArrowLeft.displayName = "ArrowLeft";
+ArrowDown10.displayName = "ArrowDown10";
 
-ArrowLeft.metadata = {
-  name: "ArrowLeft",
+ArrowDown10.metadata = {
+  name: "ArrowDown10",
   category: "stroke/arrows",
-  tags: ["arrow", "left", "icon"],
-  description: "ArrowLeft icon from stroke/arrows category",
+  tags: ["arrow", "down", "10", "icon"],
+  description: "ArrowDown10 icon from stroke/arrows category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default ArrowLeft;
+export default ArrowDown10;

package/src/stroke/arrows/{ArrowRight.tsx → ArrowDownAZ.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const ArrowRight: IconComponent = React.forwardRef<
+export const ArrowDownAZ: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function ArrowRight(
+>(function ArrowDownAZ(
   {
     color = "currentColor",
     fill,
@@ -23,7 +23,7 @@ export const ArrowRight: IconComponent = React.forwardRef<
     <svg
       width={size}
       height={size}
-      viewBox="0 0 15 15"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
@@ -36,21 +36,23 @@ export const ArrowRight: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M8.14648 3.14648C8.34175 2.95122 8.65825 2.95122 8.85352 3.14648L12.8535 7.14648C13.0488 7.34175 13.0488 7.65825 12.8535 7.85352L8.85352 11.8535C8.65825 12.0488 8.34175 12.0488 8.14648 11.8535C7.95122 11.6583 7.95122 11.3417 8.14648 11.1465L11.293 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.293L8.14648 3.85352C7.95122 3.65825 7.95122 3.34175 8.14648 3.14648Z"
-        fill="currentColor"
+        d="M3 16 7 20 11 16M7 20V4M20 8H15M15 10V6.5C15 5.837 15.263 5.201 15.732 4.732 16.201 4.263 16.837 4 17.5 4 18.163 4 18.799 4.263 19.268 4.732 19.737 5.201 20 5.837 20 6.5V10M15 14H20L15 20H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );
 });
 
-ArrowRight.displayName = "ArrowRight";
+ArrowDownAZ.displayName = "ArrowDownAZ";
 
-ArrowRight.metadata = {
-  name: "ArrowRight",
+ArrowDownAZ.metadata = {
+  name: "ArrowDownAZ",
   category: "stroke/arrows",
-  tags: ["arrow", "right", "icon"],
-  description: "ArrowRight icon from stroke/arrows category",
+  tags: ["arrow", "down", "icon"],
+  description: "ArrowDownAZ icon from stroke/arrows category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default ArrowRight;
+export default ArrowDownAZ;

package/src/stroke/arrows/ArrowDownFromLine.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowDownFromLine: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowDownFromLine(
+  {
+    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="M19 3H5M12 21V7M6 15 12 21 18 15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowDownFromLine.displayName = "ArrowDownFromLine";
+
+ArrowDownFromLine.metadata = {
+  name: "ArrowDownFromLine",
+  category: "stroke/arrows",
+  tags: ["arrow", "down", "from", "line", "icon"],
+  description: "ArrowDownFromLine icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowDownFromLine;

package/src/stroke/arrows/{ArrowUpp.tsx → ArrowDownLeft.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const ArrowUpp: IconComponent = React.forwardRef<
+export const ArrowDownLeft: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function ArrowUpp(
+>(function ArrowDownLeft(
   {
     color = "currentColor",
     fill,
@@ -36,9 +36,8 @@ export const ArrowUpp: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M3.2 20 11.2 12 3.2 4M14.2 20 21.2 12 14.2 4"
+        d="M17 7 7 17M17 17H7V7"
         stroke={color}
-        strokeWidth={strokeWidth}
         strokeLinecap="round"
         strokeLinejoin="round"
       />
@@ -46,14 +45,14 @@ export const ArrowUpp: IconComponent = React.forwardRef<
   );
 });
 
-ArrowUpp.displayName = "ArrowUpp";
+ArrowDownLeft.displayName = "ArrowDownLeft";
 
-ArrowUpp.metadata = {
-  name: "ArrowUpp",
+ArrowDownLeft.metadata = {
+  name: "ArrowDownLeft",
   category: "stroke/arrows",
-  tags: ["arrow", "upp", "icon"],
-  description: "ArrowUpp icon from stroke/arrows category",
+  tags: ["arrow", "down", "left", "icon"],
+  description: "ArrowDownLeft icon from stroke/arrows category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default ArrowUpp;
+export default ArrowDownLeft;

package/src/stroke/arrows/ArrowDownNarrowWide.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowDownNarrowWide: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowDownNarrowWide(
+  {
+    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="M3 16 7 20 11 16M7 20V4M11 4H15M11 8H18M11 12H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowDownNarrowWide.displayName = "ArrowDownNarrowWide";
+
+ArrowDownNarrowWide.metadata = {
+  name: "ArrowDownNarrowWide",
+  category: "stroke/arrows",
+  tags: ["arrow", "down", "narrow", "wide", "icon"],
+  description: "ArrowDownNarrowWide icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowDownNarrowWide;

package/src/stroke/arrows/ArrowDownRight.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowDownRight: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowDownRight(
+  {
+    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="M7 7 17 17M17 7V17H7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowDownRight.displayName = "ArrowDownRight";
+
+ArrowDownRight.metadata = {
+  name: "ArrowDownRight",
+  category: "stroke/arrows",
+  tags: ["arrow", "down", "right", "icon"],
+  description: "ArrowDownRight icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowDownRight;