@aliimam/icons 0.0.8 → 0.1.1

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/arrows/ArrowRightToLine.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowRightToLine: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowRightToLine(
+  {
+    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="M17 12H3M11 18 17 12 11 6M21 5V19"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowRightToLine.displayName = "ArrowRightToLine";
+
+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 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;

package/src/stroke/arrows/ArrowUpLeft.tsx

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

package/src/stroke/arrows/ArrowUpNarrowWide.tsx

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