@aliimam/icons 0.1.2 → 0.1.3

package/src/stroke/arrows/RotateCcwSquare.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const RotateCcwSquare: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function RotateCcwSquare(
+  {
+    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 9V7C20 6.46957 19.7893 5.96086 19.4142 5.58579C19.0391 5.21071 18.5304 5 18 5H12"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 2 12 5 15 8M20 13V18C20 18.53 19.789 19.039 19.414 19.414 19.039 19.789 18.53 20 18 20H6C5.47 20 4.961 19.789 4.586 19.414 4.211 19.039 4 18.53 4 18V7C4 6.47 4.211 5.961 4.586 5.586 4.961 5.211 5.47 5 6 5H8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+RotateCcwSquare.displayName = "RotateCcwSquare";
+
+RotateCcwSquare.metadata = {
+  name: "RotateCcwSquare",
+  category: "stroke/arrows",
+  tags: ["rotate", "ccw", "square", "icon"],
+  description: "RotateCcwSquare icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default RotateCcwSquare;

package/src/stroke/arrows/RotateCw.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const RotateCw: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function RotateCw(
+  {
+    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 12C21 13.78 20.4722 15.5201 19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677C8.47991 3.52784 10.22 3 12 3C14.52 3 16.93 4 18.74 5.74L21 8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 3V8H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+RotateCw.displayName = "RotateCw";
+
+RotateCw.metadata = {
+  name: "RotateCw",
+  category: "stroke/arrows",
+  tags: ["rotate", "cw", "icon"],
+  description: "RotateCw icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default RotateCw;

package/src/stroke/arrows/RotateCwSquare.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const RotateCwSquare: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function RotateCwSquare(
+  {
+    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 5H6C5.46957 5 4.96086 5.21071 4.58579 5.58579C4.21071 5.96086 4 6.46957 4 7V10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9 8 12 5 9 2M4 14V18C4 18.53 4.211 19.039 4.586 19.414 4.961 19.789 5.47 20 6 20H18C18.53 20 19.039 19.789 19.414 19.414 19.789 19.039 20 18.53 20 18V7C20 6.47 19.789 5.961 19.414 5.586 19.039 5.211 18.53 5 18 5H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+RotateCwSquare.displayName = "RotateCwSquare";
+
+RotateCwSquare.metadata = {
+  name: "RotateCwSquare",
+  category: "stroke/arrows",
+  tags: ["rotate", "cw", "square", "icon"],
+  description: "RotateCwSquare icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default RotateCwSquare;

package/src/stroke/arrows/SeparatorHorizontal.tsx

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

package/src/stroke/arrows/SeparatorVertical.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SeparatorVertical: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SeparatorVertical(
+  {
+    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 3V21M16 16 20 12 16 8M8 8 4 12 8 16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SeparatorVertical.displayName = "SeparatorVertical";
+
+SeparatorVertical.metadata = {
+  name: "SeparatorVertical",
+  category: "stroke/arrows",
+  tags: ["separator", "vertical", "icon"],
+  description: "SeparatorVertical icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SeparatorVertical;

package/src/stroke/arrows/Shrink.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Shrink: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Shrink(
+    {
+      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 15V19.8M15 15H19.8M9 19.8V15M9 15H4.2M9 15 3 21M15 4.2V9M15 9H19.8M15 9 21 3M9 4.2V9M9 9H4.2M9 9 3 3"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Shrink.displayName = "Shrink";
+
+Shrink.metadata = {
+  name: "Shrink",
+  category: "stroke/arrows",
+  tags: ["shrink", "icon"],
+  description: "Shrink icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Shrink;

package/src/stroke/arrows/Shuffle.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Shuffle: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Shuffle(
+  {
+    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 14 22 18 18 22M18 2 22 6 18 10"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M2 18H3.973C4.619 18.004 5.257 17.852 5.832 17.556 6.407 17.26 6.901 16.829 7.273 16.3L12.727 7.7C13.099 7.171 13.593 6.74 14.168 6.444 14.743 6.148 15.381 5.996 16.027 6H22M2 6H3.972C4.717 5.995 5.45 6.198 6.086 6.587 6.722 6.976 7.237 7.534 7.572 8.2M22 18H15.959C15.304 17.993 14.66 17.826 14.084 17.512 13.509 17.198 13.02 16.747 12.659 16.2L12.3 15.75"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Shuffle.displayName = "Shuffle";
+
+Shuffle.metadata = {
+  name: "Shuffle",
+  category: "stroke/arrows",
+  tags: ["shuffle", "icon"],
+  description: "Shuffle icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Shuffle;

package/src/stroke/arrows/Signpost.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Signpost: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Signpost(
+  {
+    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 13V21M12 3V6M18 6C18.517 6 19.015 6.201 19.387 6.56L21.694 8.78C21.791 8.873 21.868 8.985 21.92 9.109 21.973 9.233 22 9.366 22 9.5 22 9.634 21.973 9.767 21.92 9.891 21.868 10.015 21.791 10.127 21.694 10.22L19.387 12.44C19.015 12.799 18.517 13 18 13H6C5.483 13 4.986 12.799 4.613 12.44L2.307 10.22C2.21 10.127 2.133 10.015 2.081 9.891 2.028 9.767 2.001 9.634 2.001 9.5 2.001 9.366 2.028 9.233 2.081 9.109 2.133 8.985 2.21 8.873 2.307 8.78L4.613 6.56C4.986 6.201 5.483 6 6 6H18Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Signpost.displayName = "Signpost";
+
+Signpost.metadata = {
+  name: "Signpost",
+  category: "stroke/arrows",
+  tags: ["signpost", "icon"],
+  description: "Signpost icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Signpost;

package/src/stroke/arrows/SignpostBig.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SignpostBig: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SignpostBig(
+  {
+    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 9H4L2 7 4 5H10M14 5H20L22 7 20 9H14M10 22V4C10 3.47 10.211 2.961 10.586 2.586 10.961 2.211 11.47 2 12 2 12.53 2 13.039 2.211 13.414 2.586 13.789 2.961 14 3.47 14 4V22M8 22H16"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SignpostBig.displayName = "SignpostBig";
+
+SignpostBig.metadata = {
+  name: "SignpostBig",
+  category: "stroke/arrows",
+  tags: ["signpost", "big", "icon"],
+  description: "SignpostBig icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SignpostBig;

package/src/stroke/arrows/SkipBack.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SkipBack: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SkipBack(
+  {
+    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.971 4.285C18.275 4.103 18.621 4.005 18.975 4 19.329 3.996 19.677 4.085 19.985 4.26 20.293 4.434 20.55 4.687 20.728 4.993 20.906 5.298 21 5.646 21 6V18C21 18.354 20.906 18.702 20.728 19.007 20.55 19.313 20.293 19.566 19.985 19.74 19.677 19.915 19.329 20.004 18.975 20 18.621 19.995 18.275 19.897 17.971 19.715L7.974 13.717C7.677 13.54 7.432 13.289 7.261 12.988 7.09 12.687 7 12.348 7 12.002 7 11.656 7.089 11.316 7.259 11.015 7.429 10.715 7.675 10.463 7.971 10.285L17.971 4.285ZM3 20V4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SkipBack.displayName = "SkipBack";
+
+SkipBack.metadata = {
+  name: "SkipBack",
+  category: "stroke/arrows",
+  tags: ["skip", "back", "icon"],
+  description: "SkipBack icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SkipBack;

package/src/stroke/arrows/SkipForward.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const SkipForward: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function SkipForward(
+  {
+    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 4V20M6.029 4.285C5.726 4.103 5.379 4.005 5.025 4 4.671 3.996 4.323 4.085 4.015 4.26 3.707 4.434 3.45 4.687 3.272 4.993 3.094 5.298 3 5.646 3 6V18C3 18.354 3.094 18.702 3.272 19.007 3.45 19.313 3.707 19.566 4.015 19.74 4.323 19.915 4.671 20.004 5.025 20 5.379 19.995 5.726 19.897 6.029 19.715L16.026 13.717C16.323 13.54 16.569 13.289 16.739 12.988 16.91 12.687 17 12.348 17 12.002 17.001 11.656 16.911 11.316 16.741 11.015 16.571 10.715 16.326 10.463 16.029 10.285L6.029 4.285Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+SkipForward.displayName = "SkipForward";
+
+SkipForward.metadata = {
+  name: "SkipForward",
+  category: "stroke/arrows",
+  tags: ["skip", "forward", "icon"],
+  description: "SkipForward icon from stroke/arrows category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default SkipForward;