@sunzi/icon 1.0.2 → 1.0.4

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

@@ -0,0 +1,42 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRotateLeftRectangleOutline = 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-rotate-left-rectangle-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M14.588 5.57176C14.8626 5.2616 14.8337 4.78761 14.5235 4.51306L13.5802 3.67805C14.3157 3.64405 14.9211 3.68658 15.4342 3.92495C15.9833 4.17998 16.5477 4.72112 16.9773 6.0063C17.1086 6.39915 17.5335 6.61115 17.9264 6.47983C18.3192 6.3485 18.5312 5.92358 18.3999 5.53073C17.8784 3.97073 17.0874 3.03896 16.0662 2.56456C15.2554 2.18793 14.3817 2.14314 13.5875 2.17586L14.3301 1.33696C14.6047 1.02681 14.5758 0.552814 14.2656 0.278266C13.9555 0.00371833 13.4815 0.0325844 13.2069 0.34274L11.2185 2.58909C10.9439 2.89924 10.9728 3.37324 11.283 3.64778L13.5293 5.63623C13.8395 5.91078 14.3135 5.88192 14.588 5.57176Z"
+        fill={color}
+      />
+      <path
+        d="M3 8.00005C3 6.89548 3.89543 6.00005 5 6.00005H13C14.1046 6.00005 15 6.89548 15 8.00005V16C15 17.1046 14.1046 18 13 18H5C3.89543 18 3 17.1046 3 16V8.00005ZM5 7.50005H13C13.2761 7.50005 13.5 7.7239 13.5 8.00005V16C13.5 16.2762 13.2761 16.5 13 16.5H5C4.72386 16.5 4.5 16.2762 4.5 16V8.00005C4.5 7.7239 4.72386 7.50005 5 7.50005Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowRotateLeftRectangleOutline.displayName =
+  "IconArrowRotateLeftRectangleOutline";
+
+export default IconArrowRotateLeftRectangleOutline;

package/src/customeow/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-icon customeow-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/default/icon-arrow-rotate-right-90-outline.tsx

@@ -0,0 +1,45 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRotateRight90Outline = 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-rotate-right-90-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M15.8336 4.21374C14.3415 2.72159 12.278 1.79736 10 1.79736C5.44366 1.79736 1.75 5.49102 1.75 10.0474C1.75 14.6037 5.44366 18.2974 10 18.2974C12.278 18.2974 14.3415 17.3731 15.8336 15.881C16.1265 15.5881 16.1265 15.1132 15.8336 14.8203C15.5407 14.5274 15.0658 14.5274 14.773 14.8203C13.5507 16.0427 11.8642 16.7974 10 16.7974C6.27209 16.7974 3.25 13.7753 3.25 10.0474C3.25 6.31945 6.27209 3.29736 10 3.29736C11.8642 3.29736 13.5507 4.05206 14.773 5.2744C15.036 5.53747 15.4301 5.96076 15.8142 6.3807H14.1667C13.7525 6.3807 13.4167 6.71648 13.4167 7.1307C13.4167 7.54491 13.7525 7.8807 14.1667 7.8807H17.5C17.6207 7.8807 17.7346 7.85221 17.8356 7.80159C17.8702 7.78427 17.9038 7.76408 17.936 7.741C17.9619 7.72247 17.9866 7.70235 18.0098 7.68076C18.0848 7.61137 18.1424 7.53005 18.1824 7.44233C18.2258 7.34742 18.25 7.24189 18.25 7.1307V3.79736C18.25 3.38315 17.9142 3.04736 17.5 3.04736C17.0858 3.04736 16.75 3.38315 16.75 3.79736V5.18184C16.4147 4.8173 16.078 4.45811 15.8336 4.21374Z"
+        fill={color}
+      />
+      <path
+        d="M9.21119 8.54167C9.51218 8.54167 9.78443 8.61884 10.0279 8.77316 10.2715 8.9275 10.4611 9.14569 10.597 9.42774 10.7329 9.70979 10.8029 10.0349 10.8071 10.4032V10.7451C10.8071 11.2581 10.7083 11.645 10.5108 12.0218 10.3133 12.3986 10.0616 12.6486 9.69586 12.8508 9.41362 13.0068 9.07741 13.0853 8.71482 13.113 8.49767 13.1296 8.32076 12.9485 8.32076 12.7307V12.6575C8.32076 12.4386 8.49704 12.2678 8.71482 12.2451 9.32082 12.1819 9.66081 11.96 9.73479 11.3901 9.50696 11.5987 9.25195 11.703 8.96977 11.703 8.55591 11.703 8.22774 11.5604 7.98528 11.2751 7.74282 10.9898 7.62158 10.6789 7.62158 10.202 7.62158 9.90403 7.68952 9.6273 7.82538 9.37185 7.96124 9.11642 8.15197 8.91419 8.39757 8.76518 8.64317 8.61618 8.91438 8.54167 9.21119 8.54167ZM8.7891 9.61452C8.88942 9.45274 9.05627 9.37185 9.20468 9.37185 9.3719 9.37185 9.50463 9.44317 9.60287 9.58579 9.70111 9.72841 9.75482 9.93698 9.75482 10.1165 9.75482 10.296 9.73455 10.4463 9.66557 10.629 9.5966 10.8117 9.39102 10.9271 9.21409 10.9271 9.03642 10.9271 8.89465 10.8553 8.79223 10.7115 8.68981 10.5678 8.64779 10.4447 8.64779 10.202 8.64779 9.97214 8.68877 9.77631 8.7891 9.61452ZM14.1247 9.05896C13.8467 8.71624 13.4548 8.54488 12.949 8.54488 12.4432 8.54488 12.0518 8.71517 11.7748 9.05576 11.4979 9.39635 11.3594 9.88063 11.3594 10.5086V11.1293C11.3594 11.7531 11.4984 12.2363 11.7764 12.579 12.0544 12.9217 12.4473 13.0931 12.9552 13.0931 13.459 13.0931 13.8494 12.9228 14.1263 12.5822 14.4033 12.2416 14.5417 11.7573 14.5417 11.1293V10.5118C14.5417 9.88595 14.4027 9.40167 14.1247 9.05896ZM12.5522 9.60496C12.6348 9.45169 12.767 9.37506 12.9488 9.37506 13.1348 9.37506 13.2707 9.45754 13.3564 9.62251 13.4421 9.78749 13.485 10.0371 13.485 10.3713V11.2922C13.4829 11.6264 13.439 11.8717 13.3533 12.0282 13.2676 12.1847 13.1348 12.2629 12.9551 12.2629 12.7691 12.2629 12.6332 12.1825 12.5475 12.0218 12.4618 11.8611 12.4189 11.6073 12.4189 11.2603V10.301C12.4252 9.99025 12.4696 9.75822 12.5522 9.60496ZM16.3741 8.8067C16.2037 8.63215 16.0016 8.54488 15.7674 8.54488 15.5291 8.54488 15.3227 8.63215 15.1482 8.8067 14.9737 8.98126 14.8864 9.19306 14.8864 9.44211 14.8864 9.68904 14.9726 9.89819 15.1451 10.0695 15.3175 10.2409 15.525 10.3266 15.7674 10.3266 16.0057 10.3266 16.209 10.2409 16.3772 10.0695 16.5455 9.89819 16.6296 9.68904 16.6296 9.44211 16.6296 9.19306 16.5445 8.98126 16.3741 8.8067ZM15.7673 9.03341C15.6565 9.03341 15.563 9.07333 15.4866 9.15315 15.4104 9.23298 15.3722 9.3293 15.3722 9.44212 15.3722 9.55494 15.4114 9.64913 15.4898 9.7247 15.5682 9.80027 15.6607 9.83805 15.7673 9.83805 15.8781 9.83805 15.969 9.79974 16.0401 9.7231 16.1111 9.64647 16.1466 9.55281 16.1466 9.44212 16.1466 9.33143 16.1111 9.23564 16.0401 9.15475 15.969 9.07386 15.8781 9.03341 15.7673 9.03341Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path
+        d="M4.96289 10.9136C4.96289 10.6895 5.14458 10.5078 5.36871 10.5078H5.53333V10.3431C5.53333 10.119 5.71502 9.93732 5.93914 9.93732C6.16327 9.93732 6.34496 10.119 6.34496 10.3431V10.5078H6.50959C6.73372 10.5078 6.91541 10.6895 6.91541 10.9136C6.91541 11.1377 6.73372 11.3194 6.50959 11.3194H6.34496V11.484C6.34496 11.7081 6.16327 11.8898 5.93914 11.8898C5.71502 11.8898 5.53333 11.7081 5.53333 11.484V11.3194H5.36871C5.14458 11.3194 4.96289 11.1377 4.96289 10.9136Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconArrowRotateRight90Outline.displayName = "IconArrowRotateRight90Outline";
+
+export default IconArrowRotateRight90Outline;

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

@@ -0,0 +1,42 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRotateRightRectangleOutline = 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-rotate-right-rectangle-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M4.82449 5.57481C4.54994 5.26466 4.57881 4.79066 4.88897 4.51611L5.83227 3.6811C5.09685 3.6471 4.49143 3.68963 3.97827 3.928C3.42925 4.18303 2.86484 4.72417 2.4352 6.00936C2.30388 6.4022 1.87895 6.6142 1.48611 6.48288C1.09327 6.35155 0.881265 5.92663 1.01259 5.53378C1.53409 3.97378 2.32507 3.04201 3.34634 2.56761C4.15712 2.19099 5.03078 2.14619 5.82497 2.17891L5.08239 1.34002C4.80784 1.02986 4.83671 0.555865 5.14686 0.281318C5.45702 0.00677009 5.93101 0.0356362 6.20556 0.345792L8.19401 2.59214C8.46856 2.90229 8.43969 3.37629 8.12954 3.65084L5.88319 5.63929C5.57304 5.91383 5.09904 5.88497 4.82449 5.57481Z"
+        fill={color}
+      />
+      <path
+        d="M4.99998 8.00005C4.99998 6.89548 5.89541 6.00005 6.99998 6.00005H15C16.1045 6.00005 17 6.89548 17 8.00005V16C17 17.1046 16.1045 18 15 18H6.99998C5.89541 18 4.99998 17.1046 4.99998 16V8.00005ZM6.99998 7.50005H15C15.2761 7.50005 15.5 7.7239 15.5 8.00005V16C15.5 16.2762 15.2761 16.5 15 16.5H6.99998C6.72384 16.5 6.49998 16.2762 6.49998 16V8.00005C6.49998 7.7239 6.72384 7.50005 6.99998 7.50005Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowRotateRightRectangleOutline.displayName =
+  "IconArrowRotateRightRectangleOutline";
+
+export default IconArrowRotateRightRectangleOutline;

package/src/customeow/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-icon customeow-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/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-icon customeow-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/default/icon-arrow-upload-shein-outline.tsx

@@ -0,0 +1,35 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowUploadSheinOutline = 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-upload-shein-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M6 7H4V17H16V7H14M10 12.0833V2.91667M7.08334 5.41667 10 2.5 12.9167 5.41667"
+          stroke={color}
+          strokeWidth="1.5"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowUploadSheinOutline.displayName = "IconArrowUploadSheinOutline";
+
+export default IconArrowUploadSheinOutline;

package/src/customeow/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-icon customeow-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/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-icon customeow-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/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-icon customeow-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/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-icon customeow-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.33325 4.03334C3.33325 3.64674 3.64665 3.33334 4.03325 3.33334H6.66659V6.66668H3.33325V4.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.3333 13.3333H16.6666V15.9667C16.6666 16.3533 16.3532 16.6667 15.9666 16.6667H13.3333V13.3333Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconAttributeOpacityBicolorSolid.displayName =
+  "IconAttributeOpacityBicolorSolid";
+
+export default IconAttributeOpacityBicolorSolid;

package/src/customeow/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-icon customeow-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/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-icon customeow-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/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-icon customeow-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/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-icon customeow-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/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-icon customeow-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/default/icon-check-circle-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconCheckCircleSolid = 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-check-circle-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM13.8566 8.19113C14.1002 7.85614 14.0261 7.38708 13.6911 7.14345C13.3561 6.89982 12.8871 6.97388 12.6434 7.30887L9.15969 12.099L7.28033 10.2197C6.98744 9.92678 6.51256 9.92678 6.21967 10.2197C5.92678 10.5126 5.92678 10.9874 6.21967 11.2803L8.71967 13.7803C8.87477 13.9354 9.08999 14.0149 9.30867 13.9977C9.52734 13.9805 9.72754 13.8685 9.85655 13.6911L13.8566 8.19113Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconCheckCircleSolid.displayName = "IconCheckCircleSolid";
+
+export default IconCheckCircleSolid;