@aliimam/icons 0.0.9 → 0.1.1

package/src/stroke/arrows/ArrowUpRight.tsx

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

package/src/stroke/arrows/ArrowUpToLine.tsx

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

package/src/stroke/arrows/ArrowUpWideNarrow.tsx

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

package/src/stroke/arrows/ArrowUpZA.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowUpZA: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowUpZA(
+  {
+    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 4V20M15 4H20L15 10H20M15 20V16.5C15 15.837 15.263 15.201 15.732 14.732 16.201 14.263 16.837 14 17.5 14 18.163 14 18.799 14.263 19.268 14.732 19.737 15.201 20 15.837 20 16.5V20M20 18H15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowUpZA.displayName = "ArrowUpZA";
+
+ArrowUpZA.metadata = {
+  name: "ArrowUpZA",
+  category: "stroke/arrows",
+  tags: ["arrow", "up", "icon"],
+  description: "ArrowUpZA icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowUpZA;

package/src/stroke/arrows/ArrowsUpFromLine.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ArrowsUpFromLine: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ArrowsUpFromLine(
+  {
+    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="M4 6 7 3 10 6M7 17V3M14 6 17 3 20 6M17 17V3M4 21H20"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ArrowsUpFromLine.displayName = "ArrowsUpFromLine";
+
+ArrowsUpFromLine.metadata = {
+  name: "ArrowsUpFromLine",
+  category: "stroke/arrows",
+  tags: ["arrows", "up", "from", "line", "icon"],
+  description: "ArrowsUpFromLine icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ArrowsUpFromLine;

package/src/stroke/arrows/CalendarSync.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const CalendarSync: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function CalendarSync(
+  {
+    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 10V14H15"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11 14 12.535 12.395C13.109 11.843 13.807 11.437 14.569 11.209 15.332 10.981 16.139 10.939 16.921 11.086 17.704 11.232 18.44 11.564 19.068 12.053 19.697 12.541 20.2 13.173 20.535 13.895M16 2V6M21 18 19.465 19.605C18.891 20.157 18.194 20.563 17.431 20.791 16.668 21.019 15.861 21.061 15.079 20.914 14.296 20.768 13.56 20.436 12.932 19.948 12.303 19.459 11.8 18.827 11.465 18.105"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 22V18H17M21 8.5V6C21 5.47 20.789 4.961 20.414 4.586 20.039 4.211 19.53 4 19 4H5C4.47 4 3.961 4.211 3.586 4.586 3.211 4.961 3 5.47 3 6V20C3 20.53 3.211 21.039 3.586 21.414 3.961 21.789 4.47 22 5 22H9.3M3 10H7M8 2V6"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+CalendarSync.displayName = "CalendarSync";
+
+CalendarSync.metadata = {
+  name: "CalendarSync",
+  category: "stroke/arrows",
+  tags: ["calendar", "sync", "icon"],
+  description: "CalendarSync icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default CalendarSync;

package/src/stroke/arrows/ChevronDown.tsx

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

package/src/stroke/arrows/ChevronFirst.tsx

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

package/src/stroke/arrows/ChevronLast.tsx

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

package/src/stroke/arrows/ChevronLeft.tsx

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

package/src/stroke/arrows/ChevronRight.tsx

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