@aliimam/icons 0.1.1 → 0.1.3

package/src/stroke/arrows/CornerRightUp.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CornerRightUp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CornerRightUp(
+  {
+    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 9L15 4L20 9"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4 20H11C12.0609 20 13.0783 19.5786 13.8284 18.8284C14.5786 18.0783 15 17.0609 15 16V4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CornerRightUp.displayName = "CornerRightUp";
+
+CornerRightUp.metadata = {
+  name: "CornerRightUp",
+  category: "stroke/arrows",
+  tags: ["corner", "right", "up", "icon"],
+  description: "CornerRightUp icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CornerRightUp;

package/src/stroke/arrows/CornerUpLeft.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CornerUpLeft: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CornerUpLeft(
+  {
+    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 20V13C20 11.9391 19.5786 10.9217 18.8284 10.1716C18.0783 9.42143 17.0609 9 16 9H4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9 14L4 9L9 4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CornerUpLeft.displayName = "CornerUpLeft";
+
+CornerUpLeft.metadata = {
+  name: "CornerUpLeft",
+  category: "stroke/arrows",
+  tags: ["corner", "up", "left", "icon"],
+  description: "CornerUpLeft icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CornerUpLeft;

package/src/stroke/arrows/CornerUpRight.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CornerUpRight: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CornerUpRight(
+  {
+    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 14L20 9L15 4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4 20V13C4 11.9391 4.42143 10.9217 5.17157 10.1716C5.92172 9.42143 6.93913 9 8 9H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CornerUpRight.displayName = "CornerUpRight";
+
+CornerUpRight.metadata = {
+  name: "CornerUpRight",
+  category: "stroke/arrows",
+  tags: ["corner", "up", "right", "icon"],
+  description: "CornerUpRight icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CornerUpRight;

package/src/stroke/arrows/DatabaseBackup.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const DatabaseBackup: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function DatabaseBackup(
+  {
+    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 8C16.971 8 21 6.657 21 5 21 3.343 16.971 2 12 2 7.029 2 3 3.343 3 5 3 6.657 7.029 8 12 8ZM3 12C2.999 12.559 3.466 13.107 4.349 13.583 5.233 14.058 6.497 14.442 8 14.69M21 9.3V5"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3 5V19C2.999 19.649 3.63 20.28 4.796 20.799 5.962 21.318 7.602 21.698 9.47 21.88M12 12V16H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13 20C13.6296 20.8395 14.5075 21.4597 15.5092 21.7726C16.5108 22.0855 17.5856 22.0753 18.5811 21.7434C19.5767 21.4116 20.4426 20.7749 21.0562 19.9236C21.6698 19.0722 22 18.0494 22 17C22 15.8065 21.5259 14.6619 20.682 13.818C19.8381 12.9741 18.6935 12.5 17.5 12.5C16.17 12.5 14.96 13.04 14.09 13.91L12 16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+DatabaseBackup.displayName = "DatabaseBackup";
+
+DatabaseBackup.metadata = {
+  name: "DatabaseBackup",
+  category: "stroke/arrows",
+  tags: ["database", "backup", "icon"],
+  description: "DatabaseBackup icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default DatabaseBackup;

package/src/stroke/arrows/DecimalsArrowLeft.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const DecimalsArrowLeft: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function DecimalsArrowLeft(
+  {
+    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 21 10 18 13 15M20 18H10M3 11H3.01M11 5.5C11 4.119 9.881 3 8.5 3 7.119 3 6 4.119 6 5.5V8.5C6 9.881 7.119 11 8.5 11 9.881 11 11 9.881 11 8.5V5.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+DecimalsArrowLeft.displayName = "DecimalsArrowLeft";
+
+DecimalsArrowLeft.metadata = {
+  name: "DecimalsArrowLeft",
+  category: "stroke/arrows",
+  tags: ["decimals", "arrow", "left", "icon"],
+  description: "DecimalsArrowLeft icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default DecimalsArrowLeft;

package/src/stroke/arrows/DecimalsArrowRight.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const DecimalsArrowRight: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function DecimalsArrowRight(
+  {
+    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 18H20M17 21 20 18 17 15M3 11H3.01M20 5.5C20 4.119 18.881 3 17.5 3 16.119 3 15 4.119 15 5.5V8.5C15 9.881 16.119 11 17.5 11 18.881 11 20 9.881 20 8.5V5.5ZM11 5.5C11 4.119 9.881 3 8.5 3 7.119 3 6 4.119 6 5.5V8.5C6 9.881 7.119 11 8.5 11 9.881 11 11 9.881 11 8.5V5.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+DecimalsArrowRight.displayName = "DecimalsArrowRight";
+
+DecimalsArrowRight.metadata = {
+  name: "DecimalsArrowRight",
+  category: "stroke/arrows",
+  tags: ["decimals", "arrow", "right", "icon"],
+  description: "DecimalsArrowRight icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default DecimalsArrowRight;

package/src/stroke/arrows/Delete.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Delete: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Delete(
+    {
+      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 5C9.503 5 9.024 5.185 8.656 5.519L2.328 11.259C2.225 11.353 2.142 11.467 2.086 11.595 2.029 11.722 2 11.86 2 12 2 12.139 2.029 12.277 2.086 12.404 2.142 12.532 2.225 12.646 2.328 12.74L8.656 18.481C9.024 18.815 9.503 19 10 19H20C20.53 19 21.039 18.789 21.414 18.414 21.789 18.039 22 17.53 22 17V7C22 6.47 21.789 5.961 21.414 5.586 21.039 5.211 20.53 5 20 5H10ZM12 9 18 15M18 9 12 15"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Delete.displayName = "Delete";
+
+Delete.metadata = {
+  name: "Delete",
+  category: "stroke/arrows",
+  tags: ["delete", "icon"],
+  description: "Delete icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Delete;

package/src/stroke/arrows/Download.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Download: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Download(
+  {
+    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 15V3M21 15V19C21 19.53 20.789 20.039 20.414 20.414 20.039 20.789 19.53 21 19 21H5C4.47 21 3.961 20.789 3.586 20.414 3.211 20.039 3 19.53 3 19V15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M7 10L12 15L17 10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Download.displayName = "Download";
+
+Download.metadata = {
+  name: "Download",
+  category: "stroke/arrows",
+  tags: ["download", "icon"],
+  description: "Download icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Download;

package/src/stroke/arrows/Expand.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Expand: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Expand(
+    {
+      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 15 21 21M15 9 21 3M21 16V21H16M21 8V3H16M3 16V21H8M3 21 9 15M3 8V3H8M9 9 3 3"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Expand.displayName = "Expand";
+
+Expand.metadata = {
+  name: "Expand",
+  category: "stroke/arrows",
+  tags: ["expand", "icon"],
+  description: "Expand icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Expand;

package/src/stroke/arrows/ExternalLink.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ExternalLink: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ExternalLink(
+  {
+    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 3H21V9M10 14 21 3M18 13V19C18 19.53 17.789 20.039 17.414 20.414 17.039 20.789 16.53 21 16 21H5C4.47 21 3.961 20.789 3.586 20.414 3.211 20.039 3 19.53 3 19V8C3 7.47 3.211 6.961 3.586 6.586 3.961 6.211 4.47 6 5 6H11"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ExternalLink.displayName = "ExternalLink";
+
+ExternalLink.metadata = {
+  name: "ExternalLink",
+  category: "stroke/arrows",
+  tags: ["external", "link", "icon"],
+  description: "ExternalLink icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ExternalLink;

package/src/stroke/arrows/FastForward.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const FastForward: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function FastForward(
+  {
+    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 6C12 5.605 12.117 5.218 12.337 4.889 12.557 4.56 12.869 4.304 13.235 4.153 13.6 4.001 14.002 3.962 14.39 4.039 14.778 4.116 15.134 4.306 15.414 4.586L21.414 10.586C21.789 10.961 22 11.47 22 12 22 12.53 21.789 13.039 21.414 13.414L15.414 19.414C15.134 19.694 14.778 19.884 14.39 19.961 14.002 20.038 13.6 19.999 13.235 19.847 12.869 19.696 12.557 19.44 12.337 19.111 12.117 18.782 12 18.396 12 18V6ZM2 6C2 5.605 2.117 5.218 2.337 4.889 2.557 4.56 2.869 4.304 3.235 4.153 3.6 4.001 4.002 3.962 4.39 4.039 4.778 4.116 5.134 4.306 5.414 4.586L11.414 10.586C11.789 10.961 12 11.47 12 12 12 12.53 11.789 13.039 11.414 13.414L5.414 19.414C5.134 19.694 4.778 19.884 4.39 19.961 4.002 20.038 3.6 19.999 3.235 19.847 2.869 19.696 2.557 19.44 2.337 19.111 2.117 18.782 2 18.396 2 18V6Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+FastForward.displayName = "FastForward";
+
+FastForward.metadata = {
+  name: "FastForward",
+  category: "stroke/arrows",
+  tags: ["fast", "forward", "icon"],
+  description: "FastForward icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default FastForward;