@sunzi/icon 1.0.3 → 1.0.4

package/src/customeow/default/icon-align-top-outline.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignTopOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-top-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M16 4.90997C16.4142 4.90997 16.75 4.57419 16.75 4.15997 16.75 3.74576 16.4142 3.40997 16 3.40997H4C3.58579 3.40997 3.25 3.74576 3.25 4.15997 3.25 4.57419 3.58579 4.90997 4 4.90997H16ZM12.8563 10.2747C12.5634 10.5676 12.0885 10.5676 11.7956 10.2747L10.75 9.22912 10.75 17.0767C10.75 17.4909 10.4142 17.8267 10 17.8267 9.58579 17.8267 9.25 17.4909 9.25 17.0767L9.25 9.22912 8.2044 10.2747C7.91151 10.5676 7.43664 10.5676 7.14374 10.2747 6.85085 9.98182 6.85085 9.50695 7.14374 9.21405L9.46967 6.88813C9.76256 6.59523 10.2374 6.59523 10.5303 6.88813L12.8563 9.21405C13.1492 9.50695 13.1492 9.98182 12.8563 10.2747Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignTopOutline.displayName = "IconAlignTopOutline";
+
+export default IconAlignTopOutline;

package/src/customeow/default/icon-arc-text-bicolor-solid.tsx

@@ -0,0 +1,41 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArcTextBicolorSolid = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arc-text-bicolor-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.6428 2.51625C11.5099 1.67885 12.8974 1.70887 13.7419 2.58331L17.1821 6.14576C18.0265 7.02019 18.0081 8.40792 17.141 9.24532L15.9634 10.3825L15.0083 9.39349C15.3765 8.53417 15.3895 7.55481 15.0444 6.68002L10.4735 11.0941L11.3967 10.2029C10.8147 10.765 10.889 11.4576 11.6195 12.2808L10.8355 13.04L6.63075 8.68586L7.41581 7.92774C8.20117 8.67534 8.88196 8.78268 9.45817 8.24976L13.1332 4.70081C12.2709 4.32525 11.2916 4.30405 10.4199 4.64207L9.46517 3.65344L10.6428 2.51625Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          opacity=".5"
+          d="M3.72723 11.0775C4.30147 10.523 5.01214 10.6086 5.32959 10.9374L10.9652 16.7732C10.9679 16.776 10.9707 16.7788 10.9735 16.7817C12.2211 18.0645 14.2724 18.0975 15.5607 16.8534C16.8519 15.6065 16.8878 13.549 15.6409 12.2579C15.2573 11.8606 14.6242 11.8496 14.2269 12.2332C13.8297 12.6169 13.8186 13.2499 14.2023 13.6472C14.6818 14.1438 14.668 14.9351 14.1714 15.4147C13.6748 15.8943 12.8835 15.8804 12.4039 15.3838C12.4016 15.3815 12.3993 15.3791 12.397 15.3767L6.76827 9.54805C5.54171 8.2779 3.55144 8.46695 2.33791 9.63883C1.12439 10.8107 0.865997 12.7932 2.09256 14.0633C2.47621 14.4606 3.10928 14.4717 3.50656 14.088C3.90384 13.7044 3.91489 13.0713 3.53124 12.674C3.21379 12.3453 3.15299 11.632 3.72723 11.0775Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArcTextBicolorSolid.displayName = "IconArcTextBicolorSolid";
+
+export default IconArcTextBicolorSolid;

package/src/customeow/default/icon-arrow-chevron-down-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronDownOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-chevron-down-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowChevronDownOutline.displayName = "IconArrowChevronDownOutline";
+
+export default IconArrowChevronDownOutline;

package/src/customeow/default/icon-arrow-chevron-left-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronLeftOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-chevron-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12.7906 5.23017C13.0777 5.52875 13.0684 6.00353 12.7698 6.29063L8.83208 10L12.7698 13.7094C13.0684 13.9965 13.0777 14.4713 12.7906 14.7698C12.5035 15.0684 12.0287 15.0777 11.7302 14.7906L7.23017 10.5406C7.08311 10.3992 7 10.204 7 10C7 9.79599 7.08311 9.60078 7.23017 9.45938L11.7302 5.20938C12.0287 4.92228 12.5035 4.93159 12.7906 5.23017Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowChevronLeftOutline.displayName = "IconArrowChevronLeftOutline";
+
+export default IconArrowChevronLeftOutline;

package/src/customeow/default/icon-arrow-chevron-left-shein-outline.tsx

@@ -0,0 +1,33 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronLeftSheinOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-chevron-left-shein-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path d="M13 4L7 10L13 16" stroke={color} strokeWidth="1.5" />
+    </svg>
+  );
+});
+
+IconArrowChevronLeftSheinOutline.displayName =
+  "IconArrowChevronLeftSheinOutline";
+
+export default IconArrowChevronLeftSheinOutline;

package/src/customeow/default/icon-arrow-chevron-right-outline.tsx

@@ -0,0 +1,37 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronRightOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-chevron-right-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M7.20938 14.7698C6.92228 14.4713 6.93159 13.9965 7.23017 13.7094L11.1679 10L7.23017 6.29062C6.93159 6.00353 6.92228 5.52875 7.20938 5.23017C7.49647 4.93159 7.97125 4.92228 8.26983 5.20937L12.7698 9.45937C12.9169 9.60078 13 9.79599 13 10C13 10.204 12.9169 10.3992 12.7698 10.5406L8.26983 14.7906C7.97125 15.0777 7.49647 15.0684 7.20938 14.7698Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowChevronRightOutline.displayName = "IconArrowChevronRightOutline";
+
+export default IconArrowChevronRightOutline;

package/src/customeow/default/icon-arrow-chevron-rigth-shein-outline.tsx

@@ -0,0 +1,33 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronRigthSheinOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-chevron-rigth-shein-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path d="M7 16L13 10L7 4" stroke={color} strokeWidth="1.5" />
+    </svg>
+  );
+});
+
+IconArrowChevronRigthSheinOutline.displayName =
+  "IconArrowChevronRigthSheinOutline";
+
+export default IconArrowChevronRigthSheinOutline;

package/src/customeow/default/icon-arrow-chevron-up-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronUpOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-chevron-up-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M14.7698 12.7906C14.4713 13.0777 13.9965 13.0684 13.7094 12.7698L10 8.83208L6.29062 12.7698C6.00353 13.0684 5.52875 13.0777 5.23017 12.7906C4.93159 12.5035 4.92228 12.0287 5.20937 11.7302L9.45937 7.23017C9.60078 7.08311 9.79599 7 10 7C10.204 7 10.3992 7.08311 10.5406 7.23017L14.7906 11.7302C15.0777 12.0287 15.0684 12.5035 14.7698 12.7906Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowChevronUpOutline.displayName = "IconArrowChevronUpOutline";
+
+export default IconArrowChevronUpOutline;

package/src/customeow/default/icon-arrow-dis-left-circle-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDisLeftCircleSolid = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-dis-left-circle-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2 12C2 6.61522 6.36522 2.25 11.75 2.25C17.1348 2.25 21.5 6.61522 21.5 12C21.5 17.3848 17.1348 21.75 11.75 21.75C6.36522 21.75 2 17.3848 2 12ZM11.5303 9.53033C11.8232 9.23744 11.8232 8.76256 11.5303 8.46967C11.2374 8.17678 10.7626 8.17678 10.4697 8.46967L7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L10.4697 15.5303C10.7626 15.8232 11.2374 15.8232 11.5303 15.5303C11.8232 15.2374 11.8232 14.7626 11.5303 14.4697L9.81066 12.75H15.5C15.9142 12.75 16.25 12.4142 16.25 12C16.25 11.5858 15.9142 11.25 15.5 11.25H9.81066L11.5303 9.53033Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDisLeftCircleSolid.displayName = "IconArrowDisLeftCircleSolid";
+
+export default IconArrowDisLeftCircleSolid;

package/src/customeow/default/icon-arrow-double-left-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDoubleLeftOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-double-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M15.7906 14.7698C15.5035 15.0684 15.0287 15.0777 14.7302 14.7906L10.2302 10.5406C10.0831 10.3992 10 10.204 10 10C10 9.79599 10.0831 9.60078 10.2302 9.45938L14.7302 5.20937C15.0287 4.92228 15.5035 4.93159 15.7906 5.23017C16.0777 5.52875 16.0684 6.00353 15.7698 6.29062L11.8321 10L15.7698 13.7094C16.0684 13.9965 16.0777 14.4713 15.7906 14.7698ZM9.79062 14.7698C9.50353 15.0684 9.02875 15.0777 8.73017 14.7906L4.23017 10.5406C4.08311 10.3992 4 10.204 4 10C4 9.79599 4.08311 9.60078 4.23017 9.45938L8.73017 5.20938C9.02875 4.92228 9.50353 4.93159 9.79062 5.23017C10.0777 5.52875 10.0684 6.00353 9.76983 6.29062L5.83208 10L9.76983 13.7094C10.0684 13.9965 10.0777 14.4713 9.79062 14.7698Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDoubleLeftOutline.displayName = "IconArrowDoubleLeftOutline";
+
+export default IconArrowDoubleLeftOutline;

package/src/customeow/default/icon-arrow-double-right-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDoubleRightOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-double-right-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M4.23017 13.7094C3.93159 13.9965 3.92228 14.4713 4.20938 14.7698C4.49647 15.0684 4.97125 15.0777 5.26983 14.7906L9.76983 10.5406C9.91689 10.3992 10 10.204 10 10C10 9.79599 9.91689 9.60078 9.76983 9.45938L5.26983 5.20938C4.97125 4.92228 4.49647 4.93159 4.20938 5.23017C3.92228 5.52875 3.93159 6.00353 4.23017 6.29063L8.16792 10L4.23017 13.7094Z"
+          fill={color}
+        />
+        <path
+          d="M10.2302 13.7094C9.93159 13.9965 9.92228 14.4713 10.2094 14.7698C10.4965 15.0684 10.9713 15.0777 11.2698 14.7906L15.7698 10.5406C15.9169 10.3992 16 10.204 16 10C16 9.79599 15.9169 9.60078 15.7698 9.45938L11.2698 5.20938C10.9713 4.92228 10.4965 4.93159 10.2094 5.23017C9.92228 5.52875 9.93159 6.00353 10.2302 6.29063L14.1679 10L10.2302 13.7094Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDoubleRightOutline.displayName = "IconArrowDoubleRightOutline";
+
+export default IconArrowDoubleRightOutline;

package/src/customeow/default/icon-arrow-down-on-square-solid.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDownOnSquareSolid = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-down-on-square-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 0C10.3452 0 10.625.279822 10.625.625L10.625 5H9.375V.625C9.375.279822 9.65482 0 10 0ZM9.375 5 9.375 9.74112 7.94194 8.30806C7.69786 8.06398 7.30214 8.06398 7.05806 8.30806 6.81398 8.55214 6.81398 8.94786 7.05806 9.19194L9.55806 11.6919C9.67527 11.8092 9.83424 11.875 10 11.875 10.1658 11.875 10.3247 11.8092 10.4419 11.6919L12.9419 9.19194C13.186 8.94786 13.186 8.55214 12.9419 8.30806 12.6979 8.06398 12.3021 8.06398 12.0581 8.30806L10.625 9.74112V5H13.75C15.1307 5 16.25 6.11929 16.25 7.5V15C16.25 16.3807 15.1307 17.5 13.75 17.5H6.25C4.86929 17.5 3.75 16.3807 3.75 15V7.5C3.75 6.11929 4.86929 5 6.25 5H9.375Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDownOnSquareSolid.displayName = "IconArrowDownOnSquareSolid";
+
+export default IconArrowDownOnSquareSolid;

package/src/customeow/default/icon-arrow-download-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDownloadOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-download-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.75 2.75C10.75 2.33579 10.4142 2 10 2C9.58579 2 9.25 2.33579 9.25 2.75V11.3636L6.29526 8.23503C6.01085 7.93389 5.53617 7.92033 5.23503 8.20474C4.9339 8.48915 4.92033 8.96383 5.20474 9.26497L9.45474 13.765C9.59642 13.915 9.79366 14 10 14C10.2063 14 10.4036 13.915 10.5453 13.765L14.7953 9.26497C15.0797 8.96383 15.0661 8.48915 14.765 8.20474C14.4638 7.92033 13.9892 7.93389 13.7047 8.23503L10.75 11.3636V2.75Z"
+          fill={color}
+        />
+        <path
+          d="M3.5 12.75C3.5 12.3358 3.16421 12 2.75 12C2.33579 12 2 12.3358 2 12.75V15.25C2 16.7688 3.23122 18 4.75 18H15.25C16.7688 18 18 16.7688 18 15.25V12.75C18 12.3358 17.6642 12 17.25 12C16.8358 12 16.5 12.3358 16.5 12.75V15.25C16.5 15.9404 15.9404 16.5 15.25 16.5H4.75C4.05964 16.5 3.5 15.9404 3.5 15.25V12.75Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDownloadOutline.displayName = "IconArrowDownloadOutline";
+
+export default IconArrowDownloadOutline;

package/src/customeow/default/icon-arrow-left-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowLeftOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M17 10C17 10.4142 16.6642 10.75 16.25 10.75L5.61208 10.75L9.76983 14.7094C10.0684 14.9965 10.0777 15.4713 9.79062 15.7698C9.50353 16.0684 9.02875 16.0777 8.73017 15.7906L3.23017 10.5406C3.08311 10.3992 3 10.204 3 10C3 9.79599 3.08311 9.60078 3.23017 9.45938L8.73017 4.20938C9.02875 3.92228 9.50353 3.93159 9.79062 4.23017C10.0777 4.52875 10.0684 5.00353 9.76983 5.29063L5.61208 9.25L16.25 9.25C16.6642 9.25 17 9.58579 17 10Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowLeftOutline.displayName = "IconArrowLeftOutline";
+
+export default IconArrowLeftOutline;

package/src/customeow/default/icon-arrow-left-shein-outline.tsx

@@ -0,0 +1,35 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowLeftSheinOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-left-shein-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.9231 4L5 10L10.9231 16M16 10H5.84615"
+          stroke={color}
+          strokeWidth="1.5"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowLeftSheinOutline.displayName = "IconArrowLeftSheinOutline";
+
+export default IconArrowLeftSheinOutline;

package/src/customeow/default/icon-arrow-path-rounded-square-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowPathRoundedSquareOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-path-rounded-square-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M10 4.5C11.215 4.5 12.4171 4.55484 13.6038 4.66214C13.9249 4.69118 14.1802 4.93931 14.2185 5.25934C14.3426 6.29702 14.4265 7.34718 14.4685 8.40824L12.7804 6.71973C12.4875 6.4268 12.0126 6.42675 11.7197 6.71961C11.4268 7.01247 11.4267 7.48735 11.7196 7.78027L14.7189 10.7802C15.0117 11.0731 15.4866 11.0732 15.7795 10.7803L18.7803 7.78041C19.0732 7.48755 19.0733 7.01268 18.7804 6.71975C18.4875 6.42681 18.0127 6.42674 17.7197 6.71959L15.9719 8.46698C15.9299 7.32601 15.8413 6.19681 15.7079 5.08123C15.5855 4.05775 14.7654 3.26106 13.7389 3.16824C12.5073 3.05688 11.2602 3 10 3C8.73981 3 7.49271 3.05688 6.26115 3.16824C5.23465 3.26105 4.41449 4.05775 4.2921 5.08123C4.22831 5.61464 4.26362 5.80637 4.22052 6.34581C4.18753 6.75871 4.49551 7.12017 4.90841 7.15316C5.32131 7.18615 5.68277 6.87817 5.71576 6.46527C5.75729 5.94544 5.72003 5.77326 5.78148 5.25934C5.81975 4.93931 6.07514 4.69118 6.39623 4.66214C7.58294 4.55484 8.78497 4.5 10 4.5ZM5.28113 9.22C4.98828 8.9271 4.51345 8.92704 4.22052 9.21987L1.21976 12.2196C0.926819 12.5124 0.926735 12.9873 1.21958 13.2802C1.51242 13.5732 1.98729 13.5733 2.28024 13.2804L4.02814 11.5331C4.0701 12.6741 4.15869 13.8032 4.2921 14.9188C4.41449 15.9422 5.23465 16.7389 6.26115 16.8318C7.49271 16.9431 8.73981 17 10 17C11.2602 17 12.5073 16.9431 13.7389 16.8318C14.7654 16.7389 15.5855 15.9423 15.7079 14.9188C15.7717 14.3849 15.8253 13.848 15.8684 13.3081C15.9014 12.8952 15.5934 12.5338 15.1805 12.5008C14.7676 12.4678 14.4062 12.7758 14.3732 13.1887C14.3316 13.709 14.28 14.2263 14.2185 14.7407C14.1802 15.0607 13.9249 15.3088 13.6038 15.3379C12.4171 15.4452 11.215 15.5 10 15.5C8.78497 15.5 7.58294 15.4452 6.39623 15.3379C6.07514 15.3088 5.81975 15.0607 5.78148 14.7407C5.6574 13.703 5.57352 12.6529 5.53148 11.5919L7.21963 13.2803C7.5125 13.5732 7.98737 13.5732 8.28029 13.2804C8.57321 12.9875 8.57324 12.5126 8.28037 12.2197L5.28113 9.22Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowPathRoundedSquareOutline.displayName =
+  "IconArrowPathRoundedSquareOutline";
+
+export default IconArrowPathRoundedSquareOutline;

package/src/customeow/default/icon-arrow-right-on-rectangle-outline.tsx

@@ -0,0 +1,44 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRightOnRectangleOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-right-on-rectangle-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M3 4.25C3 3.00736 4.00736 2 5.25 2H10.75C11.9926 2 13 3.00736 13 4.25V6.25C13 6.66421 12.6642 7 12.25 7C11.8358 7 11.5 6.66421 11.5 6.25V4.25C11.5 3.83579 11.1642 3.5 10.75 3.5H5.25C4.83579 3.5 4.5 3.83579 4.5 4.25V15.75C4.5 16.1642 4.83579 16.5 5.25 16.5H10.75C11.1642 16.5 11.5 16.1642 11.5 15.75V13.75C11.5 13.3358 11.8358 13 12.25 13C12.6642 13 13 13.3358 13 13.75V15.75C13 16.9926 11.9926 18 10.75 18H5.25C4.00736 18 3 16.9926 3 15.75V4.25Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path
+        d="M6 10C6 9.58579 6.33579 9.25 6.75 9.25H16.2955L15.2483 8.30747C14.9404 8.03038 14.9154 7.55616 15.1925 7.24828C15.4696 6.94039 15.9438 6.91543 16.2517 7.19253L18.7517 9.44253C18.9098 9.58476 19 9.78738 19 10C19 10.2126 18.9098 10.4152 18.7517 10.5575L16.2517 12.8075C15.9438 13.0846 15.4696 13.0596 15.1925 12.7517C14.9154 12.4438 14.9404 11.9696 15.2483 11.6925L16.2955 10.75H6.75C6.33579 10.75 6 10.4142 6 10Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowRightOnRectangleOutline.displayName =
+  "IconArrowRightOnRectangleOutline";
+
+export default IconArrowRightOnRectangleOutline;