@sunzi/icon 1.0.3 → 1.0.5

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-corner-left-up-outline.tsx

@@ -0,0 +1,35 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowCornerLeftUpOutline = 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-corner-left-up-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M10.1091 7.89129C10.402 8.18418 10.8768 8.18418 11.1697 7.89129C11.4626 7.5984 11.4626 7.12352 11.1697 6.83063L8.0401 3.70099C7.7472 3.4081 7.27233 3.4081 6.97944 3.70099L3.8498 6.83063C3.5569 7.12353 3.5569 7.5984 3.8498 7.89129C4.14269 8.18419 4.61756 8.18419 4.91046 7.89129L6.75976 6.04198V13.533C6.75976 14.7757 7.76712 15.783 9.00976 15.783H16.3021C16.7163 15.783 17.0521 15.4472 17.0521 15.033C17.0521 14.6188 16.7163 14.283 16.3021 14.283H9.00976C8.59555 14.283 8.25976 13.9472 8.25976 13.533V6.04198L10.1091 7.89129Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconArrowCornerLeftUpOutline.displayName = "IconArrowCornerLeftUpOutline";
+
+export default IconArrowCornerLeftUpOutline;

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-down-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDownOutline = 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-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 3C10.4142 3 10.75 3.33579 10.75 3.75L10.75 14.3879L14.7094 10.2302C14.9965 9.93159 15.4713 9.92228 15.7698 10.2094C16.0684 10.4965 16.0777 10.9713 15.7906 11.2698L10.5406 16.7698C10.3992 16.9169 10.204 17 10 17C9.79599 17 9.60078 16.9169 9.45938 16.7698L4.20938 11.2698C3.92228 10.9713 3.93159 10.4965 4.23017 10.2094C4.52875 9.92228 5.00353 9.93159 5.29063 10.2302L9.25 14.3879L9.25 3.75C9.25 3.33579 9.58579 3 10 3Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDownOutline.displayName = "IconArrowDownOutline";
+
+export default IconArrowDownOutline;

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;