@aliimam/icons 0.0.9 → 0.1.2

package/src/stroke/arrows/ArrowLeftToLine.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowLeftToLine: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowLeftToLine(
+  {
+    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 19V5M13 6 7 12 13 18M7 12H21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowLeftToLine.displayName = "ArrowLeftToLine";
+
+ArrowLeftToLine.metadata = {
+  name: "ArrowLeftToLine",
+  category: "stroke/arrows",
+  tags: ["arrow", "left", "to", "line", "icon"],
+  description: "ArrowLeftToLine icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowLeftToLine;

package/src/stroke/arrows/ArrowRight.tsx

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

package/src/stroke/arrows/ArrowRightFromLine.tsx

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

package/src/stroke/arrows/ArrowRightLeft.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowRightLeft: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowRightLeft(
+  {
+    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 3 20 7 16 11M20 7H4M8 21 4 17 8 13M4 17H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowRightLeft.displayName = "ArrowRightLeft";
+
+ArrowRightLeft.metadata = {
+  name: "ArrowRightLeft",
+  category: "stroke/arrows",
+  tags: ["arrow", "right", "left", "icon"],
+  description: "ArrowRightLeft icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowRightLeft;

package/src/stroke/{accountsAccess/Bookmark.tsx → arrows/ArrowRightToLine.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const Bookmark: IconComponent = React.forwardRef<
+export const ArrowRightToLine: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function Bookmark(
+>(function ArrowRightToLine(
   {
     color = "currentColor",
     fill,
@@ -36,7 +36,7 @@ export const Bookmark: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M19 21L12 17L5 21V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H17C17.5304 3 18.0391 3.21071 18.4142 3.58579C18.7893 3.96086 19 4.46957 19 5V21Z"
+        d="M17 12H3M11 18 17 12 11 6M21 5V19"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
@@ -45,14 +45,14 @@ export const Bookmark: IconComponent = React.forwardRef<
   );
 });
 
-Bookmark.displayName = "Bookmark";
+ArrowRightToLine.displayName = "ArrowRightToLine";
 
-Bookmark.metadata = {
-  name: "Bookmark",
-  category: "stroke/accountsAccess",
-  tags: ["bookmark", "icon"],
-  description: "Bookmark icon from stroke/accountsAccess category",
+ArrowRightToLine.metadata = {
+  name: "ArrowRightToLine",
+  category: "stroke/arrows",
+  tags: ["arrow", "right", "to", "line", "icon"],
+  description: "ArrowRightToLine icon from stroke/arrows category",
   type: ["stroke", "icon"],
 } as IconMetadata;
 
-export default Bookmark;
+export default ArrowRightToLine;

package/src/stroke/arrows/ArrowUp.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUp(
+  {
+    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="M5 12 12 5 19 12M12 19V5"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowUp.displayName = "ArrowUp";
+
+ArrowUp.metadata = {
+  name: "ArrowUp",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "icon"],
+  description: "ArrowUp icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUp;

package/src/stroke/arrows/ArrowUp01.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUp01: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUp01(
+  {
+    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 8 7 4 11 8M7 4V20M19 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>
+  );
+});
+
+ArrowUp01.displayName = "ArrowUp01";
+
+ArrowUp01.metadata = {
+  name: "ArrowUp01",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "01", "icon"],
+  description: "ArrowUp01 icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUp01;

package/src/stroke/arrows/ArrowUp10.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUp10: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUp10(
+  {
+    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 8 7 4 11 8M7 4V20M17 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>
+  );
+});
+
+ArrowUp10.displayName = "ArrowUp10";
+
+ArrowUp10.metadata = {
+  name: "ArrowUp10",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "10", "icon"],
+  description: "ArrowUp10 icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUp10;

package/src/stroke/arrows/ArrowUpAZ.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUpAZ: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUpAZ(
+  {
+    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 8 7 4 11 8M7 4V20M20 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>
+  );
+});
+
+ArrowUpAZ.displayName = "ArrowUpAZ";
+
+ArrowUpAZ.metadata = {
+  name: "ArrowUpAZ",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "icon"],
+  description: "ArrowUpAZ icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUpAZ;

package/src/stroke/arrows/ArrowUpDown.tsx

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

package/src/stroke/arrows/ArrowUpFromDot.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUpFromDot: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUpFromDot(
+  {
+    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="M5 9 12 2 19 9M12 16V2M12 22C12.552 22 13 21.552 13 21 13 20.448 12.552 20 12 20 11.448 20 11 20.448 11 21 11 21.552 11.448 22 12 22Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowUpFromDot.displayName = "ArrowUpFromDot";
+
+ArrowUpFromDot.metadata = {
+  name: "ArrowUpFromDot",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "from", "dot", "icon"],
+  description: "ArrowUpFromDot icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUpFromDot;

package/src/stroke/arrows/ArrowUpFromLine.tsx

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