@sunzi/icon 1.0.2 → 1.0.3

package/src/customeow/line/icon-attribute-y.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeY = 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`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.16536 2.86033C4.90416 2.53885 4.43181 2.48999 4.11033 2.75119C3.78885 3.01239 3.73999 3.48474 4.00119 3.80622L9.16663 10.1637L9.16663 16.4874C9.16663 16.9016 9.50241 17.2374 9.91663 17.2374C10.3308 17.2374 10.6666 16.9016 10.6666 16.4874L10.6666 10.3688L15.9987 3.80622C16.2599 3.48474 16.211 3.01239 15.8896 2.75119C15.5681 2.48999 15.0957 2.53885 14.8345 2.86033L9.99994 8.81059L5.16536 2.86033Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeY.displayName = "IconAttributeY";
+
+export default IconAttributeY;

package/src/customeow/line/icon-bell-notice.tsx

@@ -0,0 +1,44 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconBellNotice = 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`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <g clipPath="url(#a)">
+          <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"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill={color} d="M0 0H20V20H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  }
+);
+
+IconBellNotice.displayName = "IconBellNotice";
+
+export default IconBellNotice;

package/src/customeow/line/icon-chevron-down.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconChevronDown = 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-chevron-down`,
+    };
+    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>
+    );
+  }
+);
+
+IconChevronDown.displayName = "IconChevronDown";
+
+export default IconChevronDown;

package/src/customeow/line/icon-chevron-left.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconChevronLeft = 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-chevron-left`,
+    };
+    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>
+    );
+  }
+);
+
+IconChevronLeft.displayName = "IconChevronLeft";
+
+export default IconChevronLeft;

package/src/customeow/line/icon-chevron-right.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconChevronRight = 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-chevron-right`,
+    };
+    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>
+    );
+  }
+);
+
+IconChevronRight.displayName = "IconChevronRight";
+
+export default IconChevronRight;

package/src/customeow/line/icon-chevron-up.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconChevronUp = 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-chevron-up`,
+    };
+    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>
+    );
+  }
+);
+
+IconChevronUp.displayName = "IconChevronUp";
+
+export default IconChevronUp;

package/src/customeow/line/icon-cog-6-tooth.tsx

@@ -0,0 +1,45 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconCog6Tooth = 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-cog-6-tooth`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <g
+          stroke={color}
+          clipPath="url(#a)"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        >
+          <path d="M7.99464 3.28344C8.06998 2.83139 8.46109 2.50006 8.91938 2.50006H11.081C11.5393 2.50006 11.9304 2.83139 12.0058 3.28344L12.1837 4.35098C12.2356 4.66268 12.4439 4.92232 12.7204 5.07536C12.7822 5.10958 12.8433 5.14492 12.9037 5.18137C13.1746 5.34493 13.504 5.39578 13.8003 5.28478L14.8144 4.90487C15.2435 4.7441 15.726 4.91715 15.9552 5.31404L17.036 7.18607C17.2651 7.58296 17.1737 8.08734 16.8199 8.37861L15.983 9.06762C15.7392 9.26829 15.6184 9.57816 15.6242 9.89383C15.6249 9.92916 15.6252 9.96457 15.6252 10.0001C15.6252 10.0355 15.6249 10.0709 15.6242 10.1063C15.6184 10.422 15.7392 10.7318 15.983 10.9325L16.8199 11.6215C17.1737 11.9128 17.2651 12.4172 17.036 12.814L15.9552 14.6861C15.726 15.083 15.2435 15.256 14.8144 15.0952L13.8003 14.7153C13.504 14.6043 13.1746 14.6552 12.9037 14.8187C12.8433 14.8552 12.7822 14.8905 12.7204 14.9248C12.4439 15.0778 12.2356 15.3374 12.1837 15.6491L12.0058 16.7167C11.9304 17.1687 11.5393 17.5001 11.081 17.5001H8.91938C8.46109 17.5001 8.06998 17.1687 7.99464 16.7167L7.81671 15.6491C7.76476 15.3374 7.55645 15.0778 7.27998 14.9248C7.21817 14.8905 7.15707 14.8552 7.09671 14.8188C6.82585 14.6552 6.4964 14.6043 6.2001 14.7153L5.18604 15.0952C4.75688 15.256 4.27439 15.083 4.04525 14.6861L2.96443 12.8141C2.73529 12.4172 2.82666 11.9128 3.18048 11.6215L4.01744 10.9325C4.2612 10.7318 4.38203 10.422 4.37618 10.1063C4.37553 10.071 4.3752 10.0355 4.3752 10.0001C4.3752 9.96458 4.37553 9.92917 4.37618 9.89385C4.38203 9.57817 4.2612 9.2683 4.01744 9.06764L3.18048 8.37862C2.82666 8.08735 2.73529 7.58297 2.96443 7.18608L4.04525 5.31405C4.27439 4.91716 4.75688 4.74411 5.18604 4.90489L6.20009 5.28478C6.49639 5.39579 6.82583 5.34494 7.0967 5.18138C7.15706 5.14493 7.21816 5.10958 7.27998 5.07536C7.55645 4.92232 7.76476 4.66268 7.81671 4.35098L7.99464 3.28344Z" />
+          <path d="M12.5 9.99999C12.5 11.3807 11.3807 12.5 10 12.5C8.61929 12.5 7.50001 11.3807 7.50001 9.99999C7.50001 8.61928 8.61929 7.49999 10 7.49999C11.3807 7.49999 12.5 8.61928 12.5 9.99999Z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill={color} d="M0 0H20V20H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  }
+);
+
+IconCog6Tooth.displayName = "IconCog6Tooth";
+
+export default IconCog6Tooth;

package/src/customeow/line/icon-hand.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconHand = 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-hand`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M9.89579 3.25C9.60611 3.25 9.37128 3.48483 9.37128 3.77451V10.625C9.37128 11.0392 9.0355 11.375 8.62128 11.375C8.20707 11.375 7.87128 11.0392 7.87128 10.625V5.67095C7.87128 5.36943 7.62685 5.125 7.32534 5.125C7.02382 5.12501 6.7794 5.36943 6.7794 5.67095V11.4583C6.7794 11.773 6.58298 12.0542 6.28755 12.1625C5.99212 12.2708 5.66049 12.1832 5.45711 11.9431L4.56389 10.8886C4.36841 10.6578 4.01928 10.6384 3.7994 10.8461C3.61239 11.0227 3.58009 11.3085 3.72297 11.5224L5.54509 14.2504C6.58828 15.8122 8.34244 16.75 10.2206 16.75H11.3213C12.8274 16.75 14.1981 15.8802 14.8394 14.5174C15 14.176 15.0833 13.8034 15.0833 13.4261V7.19671C15.0833 6.97301 14.902 6.79167 14.6783 6.79167C14.4546 6.79167 14.2732 6.97301 14.2732 7.19671V10.625C14.2732 11.0392 13.9375 11.375 13.5232 11.375C13.109 11.375 12.7732 11.0392 12.7732 10.625V5.55147C12.7732 5.31594 12.5823 5.125 12.3468 5.125C12.1112 5.125 11.9203 5.31594 11.9203 5.55147V10.625C11.9203 11.0392 11.5845 11.375 11.1703 11.375C10.7561 11.375 10.4203 11.0392 10.4203 10.625V3.77451C10.4203 3.48483 10.1855 3.25 9.89579 3.25ZM11.9178 3.67293C11.8649 2.60202 10.9798 1.75 9.89579 1.75C8.80296 1.75 7.91236 2.6159 7.87266 3.69904C7.69845 3.65079 7.5149 3.625 7.32533 3.625C6.19539 3.62501 5.2794 4.54101 5.2794 5.67095V9.5374C4.51504 9.03172 3.4711 9.09289 2.76947 9.75554C2.05052 10.4345 1.92636 11.5332 2.47562 12.3555L4.29774 15.0835C5.61924 17.062 7.84137 18.25 10.2206 18.25H11.3213C13.4085 18.25 15.3079 17.0446 16.1966 15.1561C16.4513 14.6149 16.5833 14.0242 16.5833 13.4261V7.19671C16.5833 6.14459 15.7304 5.29168 14.6783 5.29167C14.5351 5.29167 14.3956 5.30746 14.2615 5.3374C14.155 4.37418 13.3384 3.625 12.3468 3.625C12.1993 3.625 12.0557 3.64156 11.9178 3.67293Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconHand.displayName = "IconHand";
+
+export default IconHand;

package/src/customeow/line/icon-pattern-1.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPattern1 = 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-pattern-1`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2.5 3.0834C2.5 2.53112 2.94748 2.08341 3.49976 2.0834L5 2.08337C6.38071 2.08337 7.5 3.20266 7.5 4.58337 7.5 5.96409 6.38071 7.08337 5 7.08337H4.16667L4.16667 8.34959C4.16667 8.80982 3.79357 9.18292 3.33333 9.18292 2.8731 9.18292 2.5 8.80982 2.5 8.34959V3.0834ZM5 5.41671H4.16667V3.75004H5C5.46024 3.75004 5.83333 4.12314 5.83333 4.58337 5.83333 5.04361 5.46024 5.41671 5 5.41671ZM2.5 12.1519C2.5 11.5996 2.94748 11.1519 3.49976 11.1519L5 11.1519C6.38071 11.1519 7.5 12.2711 7.5 13.6519 7.5 15.0326 6.38071 16.1519 5 16.1519H4.16667L4.16667 17.4181C4.16667 17.8783 3.79357 18.2514 3.33333 18.2514 2.8731 18.2514 2.5 17.8783 2.5 17.4181V12.1519ZM5 14.4852H4.16667V12.8185H5C5.46024 12.8185 5.83333 13.1916 5.83333 13.6519 5.83333 14.1121 5.46024 14.4852 5 14.4852ZM13.4998 2.0834C12.9475 2.08341 12.5 2.53112 12.5 3.0834V8.34959C12.5 8.80982 12.8731 9.18292 13.3333 9.18292 13.7936 9.18292 14.1667 8.80982 14.1667 8.34959V7.08337H15C16.3807 7.08337 17.5 5.96409 17.5 4.58337 17.5 3.20266 16.3807 2.08337 15 2.08337L13.4998 2.0834ZM14.1667 5.41671H15C15.4602 5.41671 15.8333 5.04361 15.8333 4.58337 15.8333 4.12314 15.4602 3.75004 15 3.75004H14.1667V5.41671ZM12.5 12.1519C12.5 11.5996 12.9475 11.1519 13.4998 11.1519L15 11.1519C16.3807 11.1519 17.5 12.2711 17.5 13.6519 17.5 15.0326 16.3807 16.1519 15 16.1519H14.1667V17.4181C14.1667 17.8783 13.7936 18.2514 13.3333 18.2514 12.8731 18.2514 12.5 17.8783 12.5 17.4181V12.1519ZM15 14.4852H14.1667V12.8185H15C15.4602 12.8185 15.8333 13.1916 15.8333 13.6519 15.8333 14.1121 15.4602 14.4852 15 14.4852Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPattern1.displayName = "IconPattern1";
+
+export default IconPattern1;

package/src/customeow/line/icon-pattern-2.tsx

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPattern2 = 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-pattern-2`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M7.42215 1.4884H5.5552C5.40781 1.62017 5.21326 1.70028 5 1.70028H4.16667V1.4884H2.5V4.63316C2.5 5.09339 2.8731 5.46649 3.33333 5.46649 3.79357 5.46649 4.16667 5.09339 4.16667 4.63316L4.16667 3.36694H5C6.16617 3.36694 7.14585 2.56847 7.42215 1.4884ZM7.45359 18.5116C7.22898 17.3615 6.21585 16.4935 5 16.4935L3.49976 16.4936C2.94748 16.4936 2.5 16.9413 2.5 17.4936V18.5116H4.16667V18.1602H5C5.28067 18.1602 5.52892 18.2989 5.67992 18.5116H7.45359Z"
+          fill={color}
+        />
+        <path
+          d="M13.4998 1.91677C12.9475 1.91678 12.5 2.36449 12.5 2.91677V8.18296C12.5 8.6432 12.8731 9.01629 13.3333 9.01629 13.7936 9.01629 14.1667 8.6432 14.1667 8.18296V6.91675H15C16.3807 6.91675 17.5 5.79746 17.5 4.41675 17.5 3.03604 16.3807 1.91675 15 1.91675L13.4998 1.91677ZM14.1667 5.25008H15C15.4602 5.25008 15.8333 4.87699 15.8333 4.41675 15.8333 3.95651 15.4602 3.58341 15 3.58341H14.1667V5.25008ZM2.5 8.34316C2.5 7.79088 2.94748 7.34317 3.49976 7.34316L5 7.34314C6.38071 7.34314 7.5 8.46243 7.5 9.84314 7.5 11.2239 6.38071 12.3431 5 12.3431H4.16667L4.16667 13.6094C4.16667 14.0696 3.79357 14.4427 3.33333 14.4427 2.8731 14.4427 2.5 14.0696 2.5 13.6094V8.34316ZM5 10.6765H4.16667V9.00981H5C5.46024 9.00981 5.83333 9.3829 5.83333 9.84314 5.83333 10.3034 5.46024 10.6765 5 10.6765ZM13.4998 11.0672C12.9475 11.0672 12.5 11.5149 12.5 12.0672V17.3334C12.5 17.7936 12.8731 18.1667 13.3333 18.1667 13.7936 18.1667 14.1667 17.7936 14.1667 17.3334V16.0671H15C16.3807 16.0671 17.5 14.9479 17.5 13.5671 17.5 12.1864 16.3807 11.0671 15 11.0671L13.4998 11.0672ZM14.1667 14.4005H15C15.4602 14.4005 15.8333 14.0274 15.8333 13.5671 15.8333 13.1069 15.4602 12.7338 15 12.7338H14.1667V14.4005Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPattern2.displayName = "IconPattern2";
+
+export default IconPattern2;

package/src/customeow/line/icon-pattern-3.tsx

@@ -0,0 +1,46 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPattern3 = 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-pattern-3`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M1.66663 18.268V11.2953C1.79277 11.2379 1.93297 11.2058 2.08066 11.2058L3.5809 11.2058C4.96161 11.2058 6.0809 12.3251 6.0809 13.7058C6.0809 15.0865 4.96161 16.2058 3.5809 16.2058H2.74757L2.74757 17.472C2.74757 17.9323 2.37447 18.3054 1.91424 18.3054C1.82801 18.3054 1.74485 18.2923 1.66663 18.268ZM2.74757 14.5391H3.5809C4.04114 14.5391 4.41424 14.166 4.41424 13.7058C4.41424 13.2456 4.04114 12.8725 3.5809 12.8725H2.74757V14.5391Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M18.3333 11.3481C18.0726 11.2559 17.7922 11.2058 17.5 11.2058L15.9997 11.2058C15.4474 11.2058 15 11.6536 15 12.2058V17.472C15 17.9323 15.3731 18.3054 15.8333 18.3054C16.2935 18.3054 16.6666 17.9323 16.6666 17.472V16.2058H17.5C17.7922 16.2058 18.0726 16.1557 18.3333 16.0636V13.7118C18.3301 14.1693 17.9582 14.5391 17.5 14.5391H16.6666V12.8725H17.5C17.9582 12.8725 18.3301 13.2423 18.3333 13.6998V11.3481Z"
+          fill={color}
+        />
+        <path
+          d="M5.20261 2.0834C4.65033 2.08341 4.20285 2.53112 4.20285 3.0834V8.34959C4.20285 8.80982 4.57595 9.18292 5.03618 9.18292 5.49642 9.18292 5.86952 8.80982 5.86952 8.34959L5.86952 7.08337H6.70285C8.08356 7.08337 9.20285 5.96409 9.20285 4.58337 9.20285 3.20266 8.08356 2.08337 6.70285 2.08337L5.20261 2.0834ZM5.86952 5.41671H6.70285C7.16309 5.41671 7.53618 5.04361 7.53618 4.58337 7.53618 4.12314 7.16309 3.75004 6.70285 3.75004H5.86952V5.41671ZM12.6628 2.0834C12.1105 2.08341 11.663 2.53112 11.663 3.0834V8.34959C11.663 8.80982 12.0361 9.18292 12.4964 9.18292 12.9566 9.18292 13.3297 8.80982 13.3297 8.34959V7.08337H14.163C15.5437 7.08337 16.663 5.96409 16.663 4.58337 16.663 3.20266 15.5437 2.08337 14.163 2.08337L12.6628 2.0834ZM13.3297 5.41671H14.163C14.6233 5.41671 14.9964 5.04361 14.9964 4.58337 14.9964 4.12314 14.6233 3.75004 14.163 3.75004H13.3297V5.41671ZM8.93271 11.2058C8.38043 11.2058 7.93295 11.6536 7.93295 12.2058V17.472C7.93295 17.9323 8.30605 18.3054 8.76629 18.3054 9.22652 18.3054 9.59962 17.9323 9.59962 17.472V16.2058H10.433C11.8137 16.2058 12.933 15.0865 12.933 13.7058 12.933 12.3251 11.8137 11.2058 10.433 11.2058L8.93271 11.2058ZM9.59962 14.5391H10.433C10.8932 14.5391 11.2663 14.166 11.2663 13.7058 11.2663 13.2456 10.8932 12.8725 10.433 12.8725H9.59962V14.5391Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPattern3.displayName = "IconPattern3";
+
+export default IconPattern3;

package/src/customeow/line/icon-pattern-4.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPattern4 = 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-pattern-4`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3.49976 2.0834C2.94748 2.08341 2.5 2.53112 2.5 3.0834V8.34959C2.5 8.80982 2.8731 9.18292 3.33333 9.18292 3.79357 9.18292 4.16667 8.80982 4.16667 8.34959L4.16667 7.08337H5C6.38071 7.08337 7.5 5.96409 7.5 4.58337 7.5 3.20266 6.38071 2.08337 5 2.08337L3.49976 2.0834ZM4.16667 5.41671H5C5.46024 5.41671 5.83333 5.04361 5.83333 4.58337 5.83333 4.12314 5.46024 3.75004 5 3.75004H4.16667V5.41671ZM3.49976 17.9167C2.94748 17.9167 2.5 17.469 2.5 16.9167V11.6505C2.5 11.1903 2.8731 10.8172 3.33333 10.8172 3.79357 10.8172 4.16667 11.1903 4.16667 11.6505L4.16667 12.9167H5C6.38071 12.9167 7.5 14.036 7.5 15.4167 7.5 16.7975 6.38071 17.9167 5 17.9167L3.49976 17.9167ZM4.16667 14.5834H5C5.46024 14.5834 5.83333 14.9565 5.83333 15.4167 5.83333 15.877 5.46024 16.2501 5 16.2501H4.16667V14.5834ZM17.5 3.0834C17.5 2.53112 17.0525 2.08341 16.5002 2.0834L15 2.08337C13.6193 2.08337 12.5 3.20266 12.5 4.58337 12.5 5.96409 13.6193 7.08337 15 7.08337H15.8333V8.34959C15.8333 8.80982 16.2064 9.18292 16.6667 9.18292 17.1269 9.18292 17.5 8.80982 17.5 8.34959V3.0834ZM15 5.41671H15.8333V3.75004H15C14.5398 3.75004 14.1667 4.12314 14.1667 4.58337 14.1667 5.04361 14.5398 5.41671 15 5.41671ZM16.5002 17.9167C17.0525 17.9167 17.5 17.469 17.5 16.9167V11.6505C17.5 11.1903 17.1269 10.8172 16.6667 10.8172 16.2064 10.8172 15.8333 11.1903 15.8333 11.6505V12.9167H15C13.6193 12.9167 12.5 14.036 12.5 15.4167 12.5 16.7975 13.6193 17.9167 15 17.9167L16.5002 17.9167ZM15.8333 14.5834H15C14.5398 14.5834 14.1667 14.9565 14.1667 15.4167 14.1667 15.877 14.5398 16.2501 15 16.2501H15.8333V14.5834Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPattern4.displayName = "IconPattern4";
+
+export default IconPattern4;

package/src/customeow/line/icon-pattern-5.tsx

@@ -0,0 +1,46 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPattern5 = 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-pattern-5`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M1.66663 13.7288V6.75614C1.79277 6.69867 1.93297 6.66665 2.08066 6.66665L3.5809 6.66663C4.96161 6.66663 6.0809 7.78591 6.0809 9.16663C6.0809 10.5473 4.96161 11.6666 3.5809 11.6666H2.74757L2.74757 12.9328C2.74757 13.3931 2.37447 13.7662 1.91424 13.7662C1.82801 13.7662 1.74485 13.7531 1.66663 13.7288ZM2.74757 9.99996H3.5809C4.04114 9.99996 4.41424 9.62686 4.41424 9.16663C4.41424 8.70639 4.04114 8.33329 3.5809 8.33329H2.74757V9.99996Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M18.3333 6.80887C18.0726 6.71675 17.7922 6.66663 17.5 6.66663L15.9997 6.66665C15.4474 6.66666 15 7.11437 15 7.66665V12.9328C15 13.3931 15.3731 13.7662 15.8333 13.7662C16.2935 13.7662 16.6666 13.3931 16.6666 12.9328V11.6666H17.5C17.7922 11.6666 18.0726 11.6165 18.3333 11.5244V9.1726C18.3301 9.63009 17.9582 9.99996 17.5 9.99996H16.6666V8.33329H17.5C17.9582 8.33329 18.3301 8.70316 18.3333 9.16065V6.80887Z"
+          fill={color}
+        />
+        <path
+          d="M8.93271 6.66665C8.38043 6.66666 7.93295 7.11437 7.93295 7.66665V12.9328C7.93295 13.3931 8.30605 13.7662 8.76629 13.7662C9.22652 13.7662 9.59962 13.3931 9.59962 12.9328V11.6666H10.433C11.8137 11.6666 12.933 10.5473 12.933 9.16663C12.933 7.78591 11.8137 6.66663 10.433 6.66663L8.93271 6.66665ZM9.59962 9.99996H10.433C10.8932 9.99996 11.2663 9.62686 11.2663 9.16663C11.2663 8.70639 10.8932 8.33329 10.433 8.33329H9.59962V9.99996Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPattern5.displayName = "IconPattern5";
+
+export default IconPattern5;

package/src/customeow/line/icon-pattern-6.tsx

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPattern6 = 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-pattern-6`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12.4221 1.4884H10.5552C10.4078 1.62017 10.2133 1.70028 10 1.70028H9.16667V1.4884H7.5V4.63316C7.5 5.09339 7.8731 5.46649 8.33333 5.46649 8.79357 5.46649 9.16667 5.09339 9.16667 4.63316L9.16667 3.36694H10C11.1662 3.36694 12.1459 2.56847 12.4221 1.4884ZM12.4536 18.5116C12.229 17.3615 11.2159 16.4935 10 16.4935L8.49976 16.4936C7.94748 16.4936 7.5 16.9413 7.5 17.4936V18.5116H9.16667V18.1602H10C10.2807 18.1602 10.5289 18.2989 10.6799 18.5116H12.4536Z"
+          fill={color}
+        />
+        <path
+          d="M7.5 8.34316C7.5 7.79088 7.94748 7.34317 8.49976 7.34316L10 7.34314C11.3807 7.34314 12.5 8.46243 12.5 9.84314C12.5 11.2239 11.3807 12.3431 10 12.3431H9.16667L9.16667 13.6094C9.16667 14.0696 8.79357 14.4427 8.33333 14.4427C7.8731 14.4427 7.5 14.0696 7.5 13.6094V8.34316ZM10 10.6765H9.16667V9.00981H10C10.4602 9.00981 10.8333 9.3829 10.8333 9.84314C10.8333 10.3034 10.4602 10.6765 10 10.6765Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPattern6.displayName = "IconPattern6";
+
+export default IconPattern6;

package/src/customeow/line/icon-rotate.tsx

@@ -21,11 +21,10 @@ export const IconRotate = forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          d="M10 4H5.5C4.67157 4 4 4.67157 4 5.5V10M16 10V14.5C16 15.3284 15.3284 16 14.5 16H10"
-          stroke={color}
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
+          d="M15.3124 11.4236C14.5263 14.3576 11.5104 16.0988 8.57633 15.3127C7.60731 15.053 6.77027 14.5514 6.11055 13.8904L5.79901 13.5789L8.23224 13.5785C8.64646 13.5784 8.98218 13.2425 8.98211 12.8283C8.98203 12.4141 8.64619 12.0784 8.23197 12.0785L3.98854 12.0792C3.78962 12.0792 3.59887 12.1583 3.45824 12.299C3.31761 12.4397 3.23863 12.6305 3.23868 12.8294L3.23957 17.0712C3.23965 17.4854 3.57551 17.8211 3.98972 17.821C4.40394 17.821 4.73965 17.4851 4.73957 17.0709L4.73906 14.6403L5.04891 14.9501C5.88994 15.7926 6.95762 16.4318 8.18811 16.7615C11.9224 17.7621 15.7607 15.5461 16.7613 11.8118C16.8685 11.4117 16.6311 11.0005 16.231 10.8932C15.8309 10.786 15.4196 11.0235 15.3124 11.4236ZM16.5414 7.70119C16.682 7.56051 16.761 7.36971 16.761 7.17078L16.7603 2.92883C16.7602 2.51462 16.4244 2.17889 16.0102 2.17896C15.5959 2.17902 15.2602 2.51487 15.2603 2.92908L15.2607 5.35995L14.9509 5.05013C14.1099 4.20771 13.0419 3.56827 11.8116 3.23859C8.07731 2.238 4.23895 4.45407 3.23836 8.18834C3.13115 8.58844 3.36859 8.99969 3.76869 9.1069C4.16879 9.2141 4.58004 8.97667 4.68725 8.57657C5.47343 5.6425 8.48928 3.9013 11.4233 4.68748C12.3924 4.94714 13.2295 5.44881 13.8892 6.10979L14.2003 6.4209L11.7683 6.4209C11.3541 6.4209 11.0183 6.75669 11.0183 7.1709C11.0183 7.58512 11.3541 7.9209 11.7683 7.9209H16.011C16.2099 7.9209 16.4007 7.84187 16.5414 7.70119Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
         />
       </svg>
     );

package/src/customeow/line/icon-text-align-bottom.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignBottom = 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-text-align-bottom`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M16.6666 15.4167H3.33325V17.0834H16.6666V15.4167ZM15.8333 3.75008C15.8333 3.28985 15.4602 2.91675 14.9999 2.91675H4.99992C4.53969 2.91675 4.16659 3.28985 4.16659 3.75008V5.41675H5.83325V5.00008C5.83325 4.76996 6.0198 4.58341 6.24992 4.58341H9.16658V12.5001H7.08325V13.7501C7.08325 13.9802 7.2698 14.1667 7.49992 14.1667H12.4999C12.73 14.1667 12.9166 13.9802 12.9166 13.7501V12.5001H10.8333V4.58341H13.7499C13.98 4.58341 14.1666 4.76996 14.1666 5.00008V5.41675H15.8333V3.75008Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignBottom.displayName = "IconTextAlignBottom";
+
+export default IconTextAlignBottom;