@sunzi/icon 1.0.6 → 1.0.8

package/src/customeow-shein/default/icon-arrow-rotate-left-rectangle-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRotateLeftRectangleSolid = 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-shein-icon customeow-shein-icon-icon-arrow-rotate-left-rectangle-solid`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M15.1639 5.57463C15.4385 5.26447 15.4096 4.79048 15.0995 4.51593L14.1562 3.68092C14.8916 3.64692 15.497 3.68945 16.0102 3.92782 16.5592 4.18285 17.1236 4.72399 17.5532 6.00917 17.6846 6.40202 18.1095 6.61402 18.5023 6.48269 18.8952 6.35137 19.1072 5.92644 18.9758 5.5336 18.4543 3.9736 17.6634 3.04183 16.6421 2.56743 15.8313 2.1908 14.9576 2.146 14.1635 2.17873L14.906 1.33983C15.1806 1.02968 15.1517.555682 14.8416.281135 14.5314.00658698 14.0574.0354531 13.7829.345609L11.7944 2.59195C11.5199 2.90211 11.5487 3.37611 11.8589 3.65065L14.1052 5.6391C14.4154 5.91365 14.8894 5.88478 15.1639 5.57463ZM5 6.99998C3.89543 6.99998 3 7.89541 3 8.99998V16C3 17.1046 3.89543 18 5 18H12C13.1046 18 14 17.1046 14 16V8.99998C14 7.89541 13.1046 6.99998 12 6.99998H5Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconArrowRotateLeftRectangleSolid.displayName =
+  "IconArrowRotateLeftRectangleSolid";
+
+export default IconArrowRotateLeftRectangleSolid;

package/src/customeow-shein/default/icon-arrow-rotate-right-rectangle-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRotateRightRectangleSolid = 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-shein-icon customeow-shein-icon-icon-arrow-rotate-right-rectangle-solid`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M4.82455 5.57463C4.55001 5.26447 4.57887 4.79048 4.88903 4.51593L5.83233 3.68092C5.09691 3.64692 4.49149 3.68945 3.97833 3.92782 3.42931 4.18285 2.8649 4.72399 2.43527 6.00917 2.30394 6.40202 1.87902 6.61402 1.48617 6.48269 1.09333 6.35137.881326 5.92644 1.01265 5.5336 1.53415 3.9736 2.32513 3.04183 3.3464 2.56743 4.15718 2.1908 5.03084 2.146 5.82503 2.17873L5.08245 1.33983C4.8079 1.02968 4.83677.555682 5.14692.281135 5.45708.00658698 5.93107.0354531 6.20562.345609L8.19407 2.59195C8.46862 2.90211 8.43975 3.37611 8.1296 3.65065L5.88325 5.6391C5.5731 5.91365 5.0991 5.88478 4.82455 5.57463ZM8.00004 6.99998C6.89547 6.99998 6.00004 7.89541 6.00004 8.99998V16C6.00004 17.1046 6.89547 18 8.00004 18H15C16.1046 18 17 17.1046 17 16V8.99998C17 7.89541 16.1046 6.99998 15 6.99998H8.00004Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconArrowRotateRightRectangleSolid.displayName =
+  "IconArrowRotateRightRectangleSolid";
+
+export default IconArrowRotateRightRectangleSolid;

package/src/customeow-shein/default/icon-arrow-up-caret-triangle-solid.tsx

@@ -0,0 +1,37 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowUpCaretTriangleSolid = 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-shein-icon customeow-shein-icon-icon-arrow-up-caret-triangle-solid`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M4.6098 13.3317H15.3902C15.6203 13.3317 15.8068 13.1452 15.8068 12.915C15.8068 12.8213 15.7753 12.7304 15.7172 12.6568L10.327 5.82928C10.1844 5.64866 9.92242 5.61783 9.7418 5.76043C9.71624 5.78061 9.69313 5.80371 9.67295 5.82928L4.28276 12.6568C4.14017 12.8375 4.171 13.0995 4.35161 13.2421C4.42515 13.3001 4.51611 13.3317 4.6098 13.3317Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowUpCaretTriangleSolid.displayName = "IconArrowUpCaretTriangleSolid";
+
+export default IconArrowUpCaretTriangleSolid;

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

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowUpOutline = 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-shein-icon customeow-shein-icon-icon-arrow-up-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 17C9.58579 17 9.25 16.6642 9.25 16.25L9.25 5.61208L5.29062 9.76983C5.00353 10.0684 4.52875 10.0777 4.23017 9.79063C3.93159 9.50353 3.92228 9.02875 4.20937 8.73017L9.45937 3.23017C9.60078 3.08311 9.79598 3 10 3C10.204 3 10.3992 3.08311 10.5406 3.23017L15.7906 8.73017C16.0777 9.02875 16.0684 9.50353 15.7698 9.79062C15.4713 10.0777 14.9965 10.0684 14.7094 9.76983L10.75 5.61208L10.75 16.25C10.75 16.6642 10.4142 17 10 17Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowUpOutline.displayName = "IconArrowUpOutline";
+
+export default IconArrowUpOutline;

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

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowUpRightOutline = 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-shein-icon customeow-shein-icon-icon-arrow-up-right-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.21967 14.7803C5.51256 15.0732 5.98744 15.0732 6.28033 14.7803L13.5 7.56066V13.25C13.5 13.6642 13.8358 14 14.25 14C14.6642 14 15 13.6642 15 13.25V5.75C15 5.33579 14.6642 5 14.25 5H6.75C6.33579 5 6 5.33579 6 5.75C6 6.16421 6.33579 6.5 6.75 6.5H12.4393L5.21967 13.7197C4.92678 14.0126 4.92678 14.4874 5.21967 14.7803Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowUpRightOutline.displayName = "IconArrowUpRightOutline";
+
+export default IconArrowUpRightOutline;

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

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowUploadOutline = 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-shein-icon customeow-shein-icon-icon-arrow-upload-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M9.25 13.25C9.25 13.6642 9.58578 14 10 14C10.4142 14 10.75 13.6642 10.75 13.25L10.75 4.63642L13.7047 7.76497C13.9891 8.06611 14.4638 8.07967 14.765 7.79526C15.0661 7.51085 15.0797 7.03617 14.7953 6.73503L10.5453 2.23503C10.4036 2.08501 10.2063 2 10 2C9.79365 2 9.59642 2.08501 9.45474 2.23503L5.20474 6.73503C4.92033 7.03617 4.93389 7.51085 5.23503 7.79526C5.53617 8.07967 6.01085 8.06611 6.29526 7.76497L9.25 4.63642L9.25 13.25Z"
+          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>
+    );
+  }
+);
+
+IconArrowUploadOutline.displayName = "IconArrowUploadOutline";
+
+export default IconArrowUploadOutline;

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

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowsRightLeftOutline = 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-shein-icon customeow-shein-icon-icon-arrows-right-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M13.2004 2.23966C12.9186 2.5432 12.9361 3.01775 13.2397 3.2996L15.3401 5.25L6.75 5.25C6.33579 5.25 6 5.58579 6 6C6 6.41422 6.33579 6.75 6.75 6.75L15.3401 6.75L13.2397 8.70041C12.9361 8.98226 12.9186 9.45681 13.2004 9.76034C13.4823 10.0639 13.9568 10.0815 14.2603 9.7996L17.7603 6.5496C17.9132 6.40769 18 6.20855 18 6C18 5.79145 17.9132 5.59232 17.7603 5.45041L14.2603 2.20041C13.9568 1.91856 13.4823 1.93613 13.2004 2.23966ZM6.79959 10.2397C6.51774 9.93613 6.04319 9.91856 5.73966 10.2004L2.23966 13.4504C2.08684 13.5923 2 13.7915 2 14C2 14.2086 2.08684 14.4077 2.23966 14.5496L5.73966 17.7996C6.04319 18.0815 6.51774 18.0639 6.79959 17.7603C7.08145 17.4568 7.06387 16.9823 6.76034 16.7004L4.6599 14.75H13.25C13.6642 14.75 14 14.4142 14 14C14 13.5858 13.6642 13.25 13.25 13.25H4.6599L6.76034 11.2996C7.06387 11.0177 7.08145 10.5432 6.79959 10.2397Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowsRightLeftOutline.displayName = "IconArrowsRightLeftOutline";
+
+export default IconArrowsRightLeftOutline;

package/src/customeow-shein/default/icon-arrows-up-down-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowsUpDownOutline = 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-shein-icon customeow-shein-icon-icon-arrows-up-down-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2.23966 6.7996C2.5432 7.08145 3.01775 7.06387 3.2996 6.76034L5.25 4.6599L5.25 13.25C5.25 13.6642 5.58579 14 6 14C6.41422 14 6.75 13.6642 6.75 13.25V4.6599L8.70041 6.76034C8.98226 7.06387 9.45681 7.08145 9.76034 6.79959C10.0639 6.51774 10.0815 6.04319 9.7996 5.73966L6.5496 2.23966C6.40769 2.08684 6.20855 2 6 2C5.79145 2 5.59232 2.08684 5.45041 2.23966L2.20041 5.73966C1.91856 6.04319 1.93613 6.51774 2.23966 6.7996ZM10.2397 13.2004C9.93613 13.4823 9.91856 13.9568 10.2004 14.2603L13.4504 17.7603C13.5923 17.9132 13.7915 18 14 18C14.2086 18 14.4077 17.9132 14.5496 17.7603L17.7996 14.2603C18.0815 13.9568 18.0639 13.4823 17.7603 13.2004C17.4568 12.9186 16.9823 12.9361 16.7004 13.2397L14.75 15.3401V6.75C14.75 6.33579 14.4142 6 14 6C13.5858 6 13.25 6.33579 13.25 6.75V15.3401L11.2996 13.2397C11.0177 12.9361 10.5432 12.9186 10.2397 13.2004Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowsUpDownOutline.displayName = "IconArrowsUpDownOutline";
+
+export default IconArrowsUpDownOutline;

package/src/customeow-shein/default/icon-attribute-deg-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeDegOutline = 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-shein-icon customeow-shein-icon-icon-attribute-deg-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M11.0955 3.65875C11.2849 3.29038 11.1398 2.83821 10.7714 2.64882C10.403 2.45943 9.95085 2.60453 9.76146 2.97291L3.29881 15.5432C3.17927 15.7757 3.18944 16.0537 3.32563 16.2769C3.46182 16.5 3.70439 16.6361 3.96582 16.6361H11.78C11.7833 16.6362 11.7866 16.6362 11.7899 16.6362C11.7933 16.6362 11.7966 16.6362 11.7999 16.6361H16.6071C17.0213 16.6361 17.3571 16.3004 17.3571 15.8861C17.3571 15.4719 17.0213 15.1361 16.6071 15.1361H12.506C12.2595 12.4254 10.6901 10.0978 8.45087 8.80271L11.0955 3.65875ZM7.76402 10.1387L5.19473 15.1361H10.9983C10.7605 13.0084 9.52284 11.1819 7.76402 10.1387Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeDegOutline.displayName = "IconAttributeDegOutline";
+
+export default IconAttributeDegOutline;

package/src/customeow-shein/default/icon-attribute-h-outline.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeHOutline = 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-shein-icon customeow-shein-icon-icon-attribute-h-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M6 3.25C6.41421 3.25 6.75 3.58579 6.75 4V9.25H13.25V4C13.25 3.58579 13.5858 3.25 14 3.25C14.4142 3.25 14.75 3.58579 14.75 4V16C14.75 16.4142 14.4142 16.75 14 16.75C13.5858 16.75 13.25 16.4142 13.25 16V10.75H6.75V16C6.75 16.4142 6.41421 16.75 6 16.75C5.58579 16.75 5.25 16.4142 5.25 16V4C5.25 3.58579 5.58579 3.25 6 3.25Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeHOutline.displayName = "IconAttributeHOutline";
+
+export default IconAttributeHOutline;

package/src/customeow-shein/default/icon-attribute-opacity-bicolor-solid.tsx

@@ -0,0 +1,47 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeOpacityBicolorSolid = 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-shein-icon customeow-shein-icon-icon-attribute-opacity-bicolor-solid`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M3.33337 4.03334C3.33337 3.64674 3.64677 3.33334 4.03337 3.33334H6.66671V6.66668H3.33337V4.03334Z"
+        fill={color}
+      />
+      <path opacity=".5" fill={color} d="M10 3.333H13.333V6.666H10z" />
+      <path opacity=".75" fill={color} d="M6.667 6.667H10V10H6.667z" />
+      <path opacity=".3" fill={color} d="M13.333 6.667H16.666V10H13.333z" />
+      <path fill={color} d="M3.333 10H6.666V13.333H3.333z" />
+      <path opacity=".5" fill={color} d="M10 10H13.333V13.333H10z" />
+      <path opacity=".75" fill={color} d="M6.667 13.333H10V16.666H6.667z" />
+      <path
+        opacity=".3"
+        d="M13.3334 13.3334H16.6667V15.9667C16.6667 16.3533 16.3533 16.6667 15.9667 16.6667H13.3334V13.3334Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconAttributeOpacityBicolorSolid.displayName =
+  "IconAttributeOpacityBicolorSolid";
+
+export default IconAttributeOpacityBicolorSolid;

package/src/customeow-shein/default/icon-attribute-w-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeWOutline = 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-shein-icon customeow-shein-icon-icon-attribute-w-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M16.8645 3.44326C16.465 3.33399 16.0525 3.56929 15.9432 3.96883L13.4805 12.9734L10.7029 5.51218C10.5936 5.21857 10.3133 5.02384 10 5.02384C9.68671 5.02384 9.40642 5.21857 9.29712 5.51218L6.51954 12.9734L4.05676 3.96883C3.94749 3.56929 3.53501 3.33399 3.13547 3.44326C2.73593 3.55254 2.50063 3.96501 2.6099 4.36455L5.68683 15.6146C5.77273 15.9286 6.05146 16.1514 6.37674 16.1659C6.70202 16.1805 6.99953 15.9835 7.11313 15.6784L10 7.92358L12.8869 15.6784C13.0005 15.9835 13.298 16.1805 13.6233 16.1659C13.9485 16.1514 14.2273 15.9286 14.3132 15.6146L17.3901 4.36455C17.4994 3.96501 17.2641 3.55254 16.8645 3.44326Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeWOutline.displayName = "IconAttributeWOutline";
+
+export default IconAttributeWOutline;

package/src/customeow-shein/default/icon-attribute-x-outline.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeXOutline = 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-shein-icon customeow-shein-icon-icon-attribute-x-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.59998 2.8833C5.35145 2.55193 4.88135 2.48477 4.54998 2.7333C4.21861 2.98182 4.15145 3.45193 4.39998 3.7833L9.0625 9.99999L4.40002 16.2166C4.15149 16.548 4.21865 17.0181 4.55002 17.2666C4.88139 17.5152 5.35149 17.448 5.60002 17.1166L10 11.25L14.4 17.1166C14.6485 17.448 15.1186 17.5152 15.45 17.2666C15.7814 17.0181 15.8485 16.548 15.6 16.2166L10.9375 9.99999L15.6 3.7833C15.8485 3.45193 15.7814 2.98182 15.45 2.7333C15.1186 2.48477 14.6485 2.55193 14.4 2.8833L10 8.74999L5.59998 2.8833Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeXOutline.displayName = "IconAttributeXOutline";
+
+export default IconAttributeXOutline;

package/src/customeow-shein/default/icon-attribute-y-outline.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeYOutline = 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-shein-icon customeow-shein-icon-icon-attribute-y-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.16542 2.86033C4.90422 2.53885 4.43187 2.48999 4.11039 2.75119C3.78892 3.01239 3.74005 3.48474 4.00125 3.80622L9.16669 10.1637L9.16669 16.4874C9.16669 16.9016 9.50247 17.2374 9.91669 17.2374C10.3309 17.2374 10.6667 16.9016 10.6667 16.4874L10.6667 10.3688L15.9988 3.80622C16.26 3.48474 16.2111 3.01239 15.8896 2.75119C15.5681 2.48999 15.0958 2.53885 14.8346 2.86033L10 8.81059L5.16542 2.86033Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeYOutline.displayName = "IconAttributeYOutline";
+
+export default IconAttributeYOutline;

package/src/customeow-shein/default/icon-bell-notice-outline.tsx

@@ -0,0 +1,37 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconBellNoticeOutline = 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-shein-icon customeow-shein-icon-icon-bell-notice-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12.3807 14.2348C13.9595 14.0475 15.4819 13.6763 16.9259 13.1432C15.7286 11.8142 14.9998 10.0547 14.9998 8.125V7.54099C14.9999 7.52734 15 7.51368 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5L4.99984 8.125C4.99984 10.0547 4.27106 11.8142 3.07373 13.1432C4.51784 13.6763 6.04036 14.0475 7.61928 14.2348M12.3807 14.2348C11.6 14.3274 10.8055 14.375 9.99984 14.375C9.19431 14.375 8.3999 14.3274 7.61928 14.2348M12.3807 14.2348C12.4582 14.4759 12.5 14.7331 12.5 15C12.5 16.3807 11.3807 17.5 10 17.5C8.61929 17.5 7.5 16.3807 7.5 15C7.5 14.7331 7.54183 14.476 7.61928 14.2348"
+          stroke={color}
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+);
+
+IconBellNoticeOutline.displayName = "IconBellNoticeOutline";
+
+export default IconBellNoticeOutline;

package/src/customeow-shein/default/icon-bell-notice-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconBellNoticeSolid = 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-shein-icon customeow-shein-icon-icon-bell-notice-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M9.99997 2C6.68626 2 3.99997 4.68629 3.99997 8C3.99997 9.88663 3.54624 11.6651 2.7426 13.2343C2.63591 13.4426 2.6326 13.6888 2.73365 13.9C2.83469 14.1111 3.02851 14.2629 3.25769 14.3105C4.32537 14.5322 5.41181 14.7023 6.51426 14.818C6.67494 16.602 8.17421 18 10 18C11.8258 18 13.3251 16.602 13.4857 14.818C14.5882 14.7023 15.6746 14.5322 16.7422 14.3105C16.9714 14.2629 17.1652 14.1111 17.2663 13.9C17.3673 13.6888 17.364 13.4426 17.2573 13.2343C16.4537 11.6651 16 9.88663 16 8C16 4.68629 13.3137 2 9.99997 2ZM8.0493 14.9433C8.69477 14.9809 9.34517 15 9.99997 15C10.6548 15 11.3052 14.9809 11.9507 14.9433C11.749 15.8345 10.9522 16.5 10 16.5C9.04777 16.5 8.25097 15.8345 8.0493 14.9433Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconBellNoticeSolid.displayName = "IconBellNoticeSolid";
+
+export default IconBellNoticeSolid;

package/src/customeow-shein/default/icon-bring-forward-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconBringForwardOutline = 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-shein-icon customeow-shein-icon-icon-bring-forward-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.4359 17.4003C10.1752 17.5866 9.82484 17.5866 9.56407 17.4003L2.56407 12.4003C2.37318 12.264 2.25709 12.0462 2.25031 11.8117C2.24354 11.5772 2.34687 11.3531 2.52958 11.2059L4.52958 9.59521C4.85218 9.3354 5.32432 9.38631 5.58412 9.70891C5.84393 10.0315 5.79303 10.5036 5.47043 10.7635L4.2402 11.7542L10 15.8684L15.7598 11.7542L14.5296 10.7635C14.207 10.5036 14.1561 10.0315 14.4159 9.70891C14.6757 9.38631 15.1478 9.3354 15.4704 9.59521L17.4704 11.2059C17.6531 11.3531 17.7565 11.5772 17.7497 11.8117C17.7429 12.0462 17.6268 12.264 17.4359 12.4003L10.4359 17.4003Z"
+          fill={color}
+        />
+        <path
+          d="M9.25 4.9016L8.2044 5.9472C7.91151 6.24009 7.43664 6.24009 7.14374 5.9472C6.85085 5.65431 6.85085 5.17943 7.14374 4.88654L9.46967 2.56061C9.76256 2.26772 10.2374 2.26772 10.5303 2.56061L12.8563 4.88654C13.1492 5.17943 13.1492 5.65431 12.8563 5.9472C12.5634 6.24009 12.0885 6.24009 11.7956 5.9472L10.75 4.9016V11.4208C10.75 11.835 10.4142 12.1708 10 12.1708C9.58579 12.1708 9.25 11.835 9.25 11.4208L9.25 4.9016Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconBringForwardOutline.displayName = "IconBringForwardOutline";
+
+export default IconBringForwardOutline;