@aliimam/icons 0.0.9 → 0.1.2

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;

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/{accountsAccess/BookUser.tsx → arrows/CalendarSync.tsx}

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { IconProps, IconMetadata, IconComponent } from "../../types";
 
-export const BookUser: IconComponent = React.forwardRef<
+export const CalendarSync: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps
->(function BookUser(
+>(function CalendarSync(
   {
     color = "currentColor",
     fill,
@@ -36,19 +36,19 @@ export const BookUser: IconComponent = React.forwardRef<
       ref={forwardedRef}
     >
       <path
-        d="M15 13C15 12.2044 14.6839 11.4413 14.1213 10.8787C13.5587 10.3161 12.7956 10 12 10C11.2044 10 10.4413 10.3161 9.87868 10.8787C9.31607 11.4413 9 12.2044 9 13"
+        d="M11 10V14H15"
         stroke={color}
         strokeLinecap="round"
         strokeLinejoin="round"
       />
       <path
-        d="M4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H19C19.2652 2 19.5196 2.10536 19.7071 2.29289C19.8946 2.48043 20 2.73478 20 3V21C20 21.2652 19.8946 21.5196 19.7071 21.7071C19.5196 21.8946 19.2652 22 19 22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5ZM4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20"
+        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="M12 10C13.1046 10 14 9.10457 14 8C14 6.89543 13.1046 6 12 6C10.8954 6 10 6.89543 10 8C10 9.10457 10.8954 10 12 10Z"
+        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"
@@ -57,14 +57,14 @@ export const BookUser: IconComponent = React.forwardRef<
   );
 });
 
-BookUser.displayName = "BookUser";
+CalendarSync.displayName = "CalendarSync";
 
-BookUser.metadata = {
-  name: "BookUser",
-  category: "stroke/accountsAccess",
-  tags: ["book", "user", "icon"],
-  description: "BookUser icon from stroke/accountsAccess category",
+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 BookUser;
+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;