@sunzi/icon 1.0.3 → 1.0.5

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.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.3333H16.6667V15.9667C16.6667 16.3533 16.3533 16.6667 15.9667 16.6667H13.3334V13.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-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-icon customeow-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;

package/src/customeow/default/icon-bring-to-front-outline.tsx

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconBringToFrontOutline = 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-bring-to-front-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M9.56407 17.7626C9.82484 17.9489 10.1752 17.9489 10.4359 17.7626L17.4359 12.7626C17.6268 12.6263 17.7429 12.4085 17.7497 12.174C17.7565 11.9395 17.6531 11.7154 17.4704 11.5682L16.0022 10.3858L17.4359 9.36174C17.6268 9.22539 17.7429 9.00758 17.7497 8.77309C17.7565 8.5386 17.6531 8.31445 17.4704 8.16731L15.4704 6.55661C15.1478 6.2968 14.6757 6.3477 14.4159 6.67031C14.1561 6.99291 14.207 7.46505 14.5296 7.72486L15.7598 8.71562L10 12.8298L4.2402 8.71562L5.47043 7.72486C5.79303 7.46505 5.84393 6.99291 5.58412 6.67031C5.32432 6.3477 4.85218 6.2968 4.52958 6.55661L2.52958 8.16731C2.34687 8.31445 2.24354 8.5386 2.25031 8.77309C2.25709 9.00758 2.37318 9.22539 2.56407 9.36174L3.99777 10.3858L2.52958 11.5682C2.34687 11.7154 2.24354 11.9395 2.25031 12.174C2.25709 12.4085 2.37318 12.6263 2.56407 12.7626L9.56407 17.7626ZM5.26515 11.2911L9.56407 14.3617C9.82484 14.548 10.1752 14.548 10.4359 14.3617L14.7348 11.2911L15.7598 12.1165L10 16.2307L4.2402 12.1165L5.26515 11.2911Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M8.2044 5.27287L9.24999 4.22727L9.24999 9.03458C9.24999 9.4488 9.58578 9.78458 9.99999 9.78458C10.4142 9.78458 10.75 9.4488 10.75 9.03458V4.22727L11.7956 5.27287C12.0885 5.56577 12.5634 5.56577 12.8563 5.27287C13.1491 4.97998 13.1491 4.50511 12.8563 4.21221L10.5303 1.88628C10.2374 1.59339 9.76256 1.59339 9.46966 1.88628L7.14374 4.21221C6.85084 4.50511 6.85084 4.97998 7.14374 5.27287C7.43663 5.56577 7.9115 5.56577 8.2044 5.27287Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconBringToFrontOutline.displayName = "IconBringToFrontOutline";
+
+export default IconBringToFrontOutline;

package/src/customeow/default/icon-calendar-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconCalendarOutline = 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-calendar-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.75 2C6.16421 2 6.5 2.33579 6.5 2.75V4H13.5V2.75C13.5 2.33579 13.8358 2 14.25 2C14.6642 2 15 2.33579 15 2.75V4H15.25C16.7688 4 18 5.23122 18 6.75V15.25C18 16.7688 16.7688 18 15.25 18H4.75C3.23122 18 2 16.7688 2 15.25V6.75C2 5.23122 3.23122 4 4.75 4H5V2.75C5 2.33579 5.33579 2 5.75 2ZM4.75 7.5C4.05964 7.5 3.5 8.05964 3.5 8.75V15.25C3.5 15.9404 4.05964 16.5 4.75 16.5H15.25C15.9404 16.5 16.5 15.9404 16.5 15.25V8.75C16.5 8.05964 15.9404 7.5 15.25 7.5H4.75Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconCalendarOutline.displayName = "IconCalendarOutline";
+
+export default IconCalendarOutline;

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;

package/src/customeow/default/icon-check-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconCheckOutline = 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-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M16.7045 4.15347C17.034 4.4045 17.0976 4.87509 16.8466 5.20457L8.84657 15.7046C8.71541 15.8767 8.51627 15.9838 8.30033 15.9983C8.08439 16.0129 7.87271 15.9334 7.71967 15.7804L3.21967 11.2804C2.92678 10.9875 2.92678 10.5126 3.21967 10.2197C3.51256 9.92682 3.98744 9.92682 4.28033 10.2197L8.17351 14.1129L15.6534 4.29551C15.9045 3.96603 16.3751 3.90243 16.7045 4.15347Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconCheckOutline.displayName = "IconCheckOutline";
+
+export default IconCheckOutline;

package/src/customeow/default/icon-clear-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconClearOutline = 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-clear-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M14.2446 2.19325C14.5375 1.90035 15.0124 1.90035 15.3053 2.19325L17.6623 4.55027C17.9552 4.84316 17.9552 5.31803 17.6623 5.61093L15.4294 7.84379L17.9043 10.3187C18.1972 10.6116 18.1972 11.0864 17.9043 11.3793L15.2463 14.0373C14.9534 14.3302 14.4786 14.3302 14.1857 14.0373L14.1163 13.968L11.6867 18.046C11.5683 18.2448 11.3648 18.3777 11.1352 18.4064C10.9056 18.435 10.6757 18.3561 10.5121 18.1925L4.28328 11.9637C4.28085 11.9613 4.27845 11.9589 4.27605 11.9564L1.65791 9.33829C1.49377 9.17415 1.41489 8.94326 1.44427 8.71301C1.47366 8.48275 1.60801 8.27908 1.80811 8.16143L5.90251 5.75412L5.81825 5.66987C5.6776 5.52921 5.59858 5.33845 5.59858 5.13953C5.59858 4.94062 5.6776 4.74986 5.81825 4.60921L8.47622 1.95124C8.76911 1.65834 9.24399 1.65834 9.53688 1.95124L12.0118 4.42611L14.2446 2.19325ZM5.96579 11.5249L7.28438 10.5833C7.62147 10.3426 7.6996 9.87416 7.45889 9.53707C7.21818 9.19998 6.74978 9.12185 6.41268 9.36256L4.89048 10.4495L3.40408 8.96313L6.96644 6.86864L13.0033 12.9055L10.8913 16.4504L5.96579 11.5249ZM14.7749 3.78424L12.5421 6.0171C12.2492 6.30999 11.7743 6.30999 11.4814 6.0171L9.00655 3.54223L7.40924 5.13954L14.716 12.4463L16.3133 10.849L13.8384 8.37412C13.5456 8.08123 13.5456 7.60636 13.8384 7.31346L16.0713 5.0806L14.7749 3.78424Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconClearOutline.displayName = "IconClearOutline";
+
+export default IconClearOutline;

package/src/customeow/default/icon-click-solid.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconClickSolid = 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-click-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M7.78017.799988C8.19438.799988 8.53017 1.13577 8.53017 1.54999V2.76559C8.53017 3.17981 8.19438 3.51559 7.78017 3.51559 7.36595 3.51559 7.03017 3.17981 7.03017 2.76559V1.54999C7.03017 1.13577 7.36595.799988 7.78017.799988ZM12.5601 3.00022C12.853 3.29311 12.853 3.76799 12.5601 4.06088L11.4977 5.12328C11.2048 5.41617 10.7299 5.41617 10.437 5.12328 10.1442 4.83038 10.1442 4.35551 10.437 4.06262L11.4994 3.00022C11.7923 2.70732 12.2672 2.70732 12.5601 3.00022ZM5.12329 11.4977C5.41619 11.2048 5.41619 10.7299 5.1233 10.437 4.8304 10.1441 4.35553 10.1441 4.06264 10.437L3.00023 11.4994C2.70734 11.7923 2.70734 12.2672 3.00023 12.5601 3.29313 12.853 3.768 12.853 4.06089 12.5601L5.12329 11.4977ZM.800049 7.78018C.800049 7.36597 1.13584 7.03018 1.55005 7.03018H2.93605C3.35026 7.03018 3.68605 7.36597 3.68605 7.78018 3.68605 8.1944 3.35026 8.53018 2.93605 8.53018H1.55005C1.13584 8.53018.800049 8.1944.800049 7.78018ZM3.99354 2.9329C3.70065 2.64 3.22577 2.64 2.93288 2.9329 2.63999 3.22579 2.63999 3.70066 2.93288 3.99356L4.06265 5.12332C4.35554 5.41621 4.83042 5.41621 5.12331 5.12332 5.4162 4.83043 5.4162 4.35555 5.12331 4.06266L3.99354 2.9329ZM6.77232 5.85293C6.51321 5.78307 6.23651 5.85698 6.04674 6.04674 5.85698 6.23651 5.78307 6.51321 5.85293 6.77232L8.59128 16.9283C8.66098 17.1868 8.8632 17.3886 9.12187 17.4577 9.38054 17.5267 9.65643 17.4527 9.84575 17.2634L11.4971 15.6121 14.0211 18.136C14.314 18.4289 14.7888 18.4289 15.0817 18.136L18.136 15.0817C18.2767 14.9411 18.3557 14.7503 18.3557 14.5514 18.3557 14.3525 18.2767 14.1617 18.136 14.0211L15.612 11.4971 17.2634 9.84577C17.4527 9.65645 17.5267 9.38056 17.4576 9.12189 17.3885 8.86322 17.1868 8.661 16.9283 8.5913L6.77232 5.85293Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconClickSolid.displayName = "IconClickSolid";
+
+export default IconClickSolid;

package/src/customeow/default/icon-clipboard-document-list-outline.tsx

@@ -0,0 +1,39 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconClipboardDocumentListOutline = 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-clipboard-document-list-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M9 12H12.75M9 15H12.75M9 18H12.75M15.75 18.75H18C19.2426 18.75 20.25 17.7426 20.25 16.5V6.10822C20.25 4.97324 19.405 4.01015 18.2739 3.91627C17.9006 3.88529 17.5261 3.85858 17.1505 3.83619M11.3495 3.83619C11.2848 4.04602 11.25 4.26894 11.25 4.5C11.25 4.91421 11.5858 5.25 12 5.25H16.5C16.9142 5.25 17.25 4.91421 17.25 4.5C17.25 4.26894 17.2152 4.04602 17.1505 3.83619M11.3495 3.83619C11.6328 2.91757 12.4884 2.25 13.5 2.25H15C16.0116 2.25 16.8672 2.91757 17.1505 3.83619M11.3495 3.83619C10.9739 3.85858 10.5994 3.88529 10.2261 3.91627C9.09499 4.01015 8.25 4.97324 8.25 6.10822V8.25M8.25 8.25H4.875C4.25368 8.25 3.75 8.75368 3.75 9.375V20.625C3.75 21.2463 4.25368 21.75 4.875 21.75H14.625C15.2463 21.75 15.75 21.2463 15.75 20.625V9.375C15.75 8.75368 15.2463 8.25 14.625 8.25H8.25ZM6.75 12H6.7575V12.0075H6.75V12ZM6.75 15H6.7575V15.0075H6.75V15ZM6.75 18H6.7575V18.0075H6.75V18Z"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+IconClipboardDocumentListOutline.displayName =
+  "IconClipboardDocumentListOutline";
+
+export default IconClipboardDocumentListOutline;

package/src/customeow/default/icon-clipboard-document-list-solid.tsx

@@ -0,0 +1,43 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconClipboardDocumentListSolid = 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-clipboard-document-list-solid`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M15.9875 3.0124C17.1185 3.1311 17.9999 4.08761 17.9999 5.25V11.75C17.9999 12.9926 16.9925 14 15.7499 14H13.4999V7C13.4999 5.61929 12.3806 4.5 10.9999 4.5H8.12793C8.4115 3.69769 9.13721 3.10424 10.0123 3.0124C10.131 1.88145 11.0875 1 12.2499 1H13.7499C14.9123 1 15.8688 1.88145 15.9875 3.0124ZM11.4999 3.25C11.4999 2.83579 11.8357 2.5 12.2499 2.5H13.7499C14.1641 2.5 14.4999 2.83579 14.4999 3.25V3.5H11.4999V3.25Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path
+        d="M2 7C2 6.44771 2.44772 6 3 6H11C11.5523 6 12 6.44772 12 7V17C12 17.5523 11.5523 18 11 18H3C2.44772 18 2 17.5523 2 17V7ZM4 10.25C4 9.83579 4.33579 9.5 4.75 9.5H9.25C9.66421 9.5 10 9.83579 10 10.25C10 10.6642 9.66421 11 9.25 11H4.75C4.33579 11 4 10.6642 4 10.25ZM4 13.75C4 13.3358 4.33579 13 4.75 13H9.25C9.66421 13 10 13.3358 10 13.75C10 14.1642 9.66421 14.5 9.25 14.5H4.75C4.33579 14.5 4 14.1642 4 13.75Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconClipboardDocumentListSolid.displayName = "IconClipboardDocumentListSolid";
+
+export default IconClipboardDocumentListSolid;

package/src/customeow/default/icon-clock-time-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconClockTimeSolid = 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-clock-time-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 18ZM10.75 5C10.75 4.58579 10.4142 4.25 10 4.25C9.58579 4.25 9.25 4.58579 9.25 5V10C9.25 10.4142 9.58579 10.75 10 10.75H14C14.4142 10.75 14.75 10.4142 14.75 10C14.75 9.58579 14.4142 9.25 14 9.25H10.75V5Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconClockTimeSolid.displayName = "IconClockTimeSolid";
+
+export default IconClockTimeSolid;

package/src/customeow/default/icon-close-circle-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconCloseCircleOutline = 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-close-circle-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 3.23077C6.26146 3.23077 3.23077 6.26146 3.23077 10C3.23077 13.7385 6.26146 16.7692 10 16.7692C13.7385 16.7692 16.7692 13.7385 16.7692 10C16.7692 6.26146 13.7385 3.23077 10 3.23077ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM7.7187 7.7187C7.95903 7.47838 8.34867 7.47838 8.58899 7.7187L10 9.12972L11.411 7.7187C11.6513 7.47838 12.041 7.47838 12.2813 7.7187C12.5216 7.95903 12.5216 8.34867 12.2813 8.58899L10.8703 10L12.2813 11.411C12.5216 11.6513 12.5216 12.041 12.2813 12.2813C12.041 12.5216 11.6513 12.5216 11.411 12.2813L10 10.8703L8.58899 12.2813C8.34867 12.5216 7.95903 12.5216 7.7187 12.2813C7.47838 12.041 7.47838 11.6513 7.7187 11.411L9.12972 10L7.7187 8.58899C7.47838 8.34867 7.47838 7.95903 7.7187 7.7187Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconCloseCircleOutline.displayName = "IconCloseCircleOutline";
+
+export default IconCloseCircleOutline;