@sunzi/icon 1.0.2 → 1.0.3

package/src/customeow/index.json

@@ -23,19 +23,25 @@
     { "componentName": "IconSvg" },
     { "componentName": "IconData" },
     { "componentName": "IconDesign" },
-    { "componentName": "IconDragVertically" },
+    { "componentName": "IconHand" },
+    { "componentName": "IconVariableFunction" },
+    { "componentName": "IconShoppingCart" },
+    { "componentName": "IconArrowImport" },
+    { "componentName": "IconPaperClip" },
+    { "componentName": "IconFileAudio" },
+    { "componentName": "IconFileVideo" },
     { "componentName": "IconArrowLeftHero" },
     { "componentName": "IconArrowRightHero" },
-    { "componentName": "IconChevronLeftHero" },
-    { "componentName": "IconChevronRightHero" },
+    { "componentName": "IconChevronLeft" },
+    { "componentName": "IconChevronRight" },
+    { "componentName": "IconChevronDown" },
+    { "componentName": "IconChevronUp" },
     { "componentName": "IconSearch" },
     { "componentName": "IconArrowDownTrayDownload" },
-    { "componentName": "IconArrowImport" },
     { "componentName": "IconArrowTopRightOnSquare" },
     { "componentName": "IconArrowRightOnRectanglehero" },
     { "componentName": "IconEllipsisMoreHorizontal" },
-    { "componentName": "IconVariableFunction" },
-    { "componentName": "IconShoppingCart" },
+    { "componentName": "IconCog6Tooth" },
     { "componentName": "IconCheck" },
     { "componentName": "IconXClose" },
     { "componentName": "IconRotateLeft" },
@@ -47,11 +53,9 @@
     { "componentName": "IconRotate2Right" },
     { "componentName": "IconArrowDoubleLeft" },
     { "componentName": "IconArrowDoubleRight" },
-    { "componentName": "IconPaperClip" },
-    { "componentName": "IconFileAudio" },
-    { "componentName": "IconFileVideo" },
     { "componentName": "IconLanguage" },
     { "componentName": "IconPlus" },
+    { "componentName": "IconBellNotice" },
     { "componentName": "IconEdit" },
     { "componentName": "IconImagePhotoHero" },
     { "componentName": "IconExclaimationCircleHero" },
@@ -71,7 +75,6 @@
     { "componentName": "IconTrashDeleteHero" },
     { "componentName": "IconCircleStack" },
     { "componentName": "IconDocumentDuplicate" },
-    { "componentName": "IconCog6Tooth" },
     { "componentName": "IconDocumentArrowUp" },
     { "componentName": "IconArrowDownOnSquare" },
     { "componentName": "IconArrowPathRoundedSquare" },
@@ -79,7 +82,10 @@
     { "componentName": "IconEye" },
     { "componentName": "IconStar" },
     { "componentName": "IconRocketLaunch" },
-    { "componentName": "IconBellNotice" },
+    { "componentName": "IconBellNoticeFill" },
+    { "componentName": "IconClock" },
+    { "componentName": "IconArrowsUpDown" },
+    { "componentName": "IconFunnel" },
     { "componentName": "IconImageAdd" },
     { "componentName": "IconTagAdd" },
     { "componentName": "IconSwatchPlus" },
@@ -104,6 +110,44 @@
     { "componentName": "IconTranslation2" },
     { "componentName": "IconDocumentCsv" },
     { "componentName": "IconDocumentText" },
-    { "componentName": "IconPen" }
+    { "componentName": "IconPen" },
+    { "componentName": "IconNew" },
+    { "componentName": "IconStepBackFill" },
+    { "componentName": "IconStepNextFill" },
+    { "componentName": "IconTextBicolor" },
+    { "componentName": "IconArcTextBicolor" },
+    { "componentName": "IconStockBicolor" },
+    { "componentName": "IconPattern" },
+    { "componentName": "IconMagicAiBicolor" },
+    { "componentName": "IconAlignLeft" },
+    { "componentName": "IconAlignCenterHorizontally" },
+    { "componentName": "IconAlignRight" },
+    { "componentName": "IconAlignTop" },
+    { "componentName": "IconAlignCenterVertically" },
+    { "componentName": "IconAlignBottom" },
+    { "componentName": "IconTextBorder" },
+    { "componentName": "IconTextBold" },
+    { "componentName": "IconTextItalic" },
+    { "componentName": "IconTextUnderline" },
+    { "componentName": "IconTextAlignLeft" },
+    { "componentName": "IconTextAlignCenter" },
+    { "componentName": "IconTextAlignRight" },
+    { "componentName": "IconAttributeX" },
+    { "componentName": "IconAttributeH" },
+    { "componentName": "IconAttributeY" },
+    { "componentName": "IconAttributeW" },
+    { "componentName": "IconAttributeDeg" },
+    { "componentName": "IconAttributeOpacity" },
+    { "componentName": "IconPattern1" },
+    { "componentName": "IconPattern2" },
+    { "componentName": "IconPattern3" },
+    { "componentName": "IconPattern4" },
+    { "componentName": "IconPattern5" },
+    { "componentName": "IconPattern6" },
+    { "componentName": "IconTextAlignMiddle" },
+    { "componentName": "IconTextAlignBottom" },
+    { "componentName": "IconTextAlignTop" },
+    { "componentName": "IconTextPath1" },
+    { "componentName": "IconTextPath2" }
   ]
 }

package/src/customeow/index.tsx

@@ -21,19 +21,25 @@ export { default as IconLinkedData } from "./line/icon-linked-data";
 export { default as IconSvg } from "./line/icon-svg";
 export { default as IconData } from "./line/icon-data";
 export { default as IconDesign } from "./line/icon-design";
-export { default as IconDragVertically } from "./line/icon-drag-vertically";
+export { default as IconHand } from "./line/icon-hand";
+export { default as IconVariableFunction } from "./line/icon-variable-function";
+export { default as IconShoppingCart } from "./line/icon-shopping-cart";
+export { default as IconArrowImport } from "./line/icon-arrow-import";
+export { default as IconPaperClip } from "./line/icon-paper-clip";
+export { default as IconFileAudio } from "./line/icon-file-audio";
+export { default as IconFileVideo } from "./line/icon-file-video";
 export { default as IconArrowLeftHero } from "./line/icon-arrow-left-hero";
 export { default as IconArrowRightHero } from "./line/icon-arrow-right-hero";
-export { default as IconChevronLeftHero } from "./line/icon-chevron-left-hero";
-export { default as IconChevronRightHero } from "./line/icon-chevron-right-hero";
+export { default as IconChevronLeft } from "./line/icon-chevron-left";
+export { default as IconChevronRight } from "./line/icon-chevron-right";
+export { default as IconChevronDown } from "./line/icon-chevron-down";
+export { default as IconChevronUp } from "./line/icon-chevron-up";
 export { default as IconSearch } from "./line/icon-search";
 export { default as IconArrowDownTrayDownload } from "./line/icon-arrow-down-tray-download";
-export { default as IconArrowImport } from "./line/icon-arrow-import";
 export { default as IconArrowTopRightOnSquare } from "./line/icon-arrow-top-right-on-square";
 export { default as IconArrowRightOnRectanglehero } from "./line/icon-arrow-right-on-rectanglehero";
 export { default as IconEllipsisMoreHorizontal } from "./line/icon-ellipsis-more-horizontal";
-export { default as IconVariableFunction } from "./line/icon-variable-function";
-export { default as IconShoppingCart } from "./line/icon-shopping-cart";
+export { default as IconCog6Tooth } from "./line/icon-cog-6-tooth";
 export { default as IconCheck } from "./line/icon-check";
 export { default as IconXClose } from "./line/icon-x-close";
 export { default as IconRotateLeft } from "./line/icon-rotate-left";
@@ -45,11 +51,9 @@ export { default as IconRotate2Left } from "./line/icon-rotate-2-left";
 export { default as IconRotate2Right } from "./line/icon-rotate-2-right";
 export { default as IconArrowDoubleLeft } from "./line/icon-arrow-double-left";
 export { default as IconArrowDoubleRight } from "./line/icon-arrow-double-right";
-export { default as IconPaperClip } from "./line/icon-paper-clip";
-export { default as IconFileAudio } from "./line/icon-file-audio";
-export { default as IconFileVideo } from "./line/icon-file-video";
 export { default as IconLanguage } from "./line/icon-language";
 export { default as IconPlus } from "./line/icon-plus";
+export { default as IconBellNotice } from "./line/icon-bell-notice";
 export { default as IconEdit } from "./line/icon-edit";
 export { default as IconImagePhotoHero } from "./fill/icon-image-photo-hero";
 export { default as IconExclaimationCircleHero } from "./fill/icon-exclaimation-circle-hero";
@@ -69,7 +73,6 @@ export { default as IconWindow } from "./fill/icon-window";
 export { default as IconTrashDeleteHero } from "./fill/icon-trash-delete-hero";
 export { default as IconCircleStack } from "./fill/icon-circle-stack";
 export { default as IconDocumentDuplicate } from "./fill/icon-document-duplicate";
-export { default as IconCog6Tooth } from "./fill/icon-cog-6-tooth";
 export { default as IconDocumentArrowUp } from "./fill/icon-document-arrow-up";
 export { default as IconArrowDownOnSquare } from "./fill/icon-arrow-down-on-square";
 export { default as IconArrowPathRoundedSquare } from "./fill/icon-arrow-path-rounded-square";
@@ -77,7 +80,10 @@ export { default as IconPencilSquare } from "./fill/icon-pencil-square";
 export { default as IconEye } from "./fill/icon-eye";
 export { default as IconStar } from "./fill/icon-star";
 export { default as IconRocketLaunch } from "./fill/icon-rocket-launch";
-export { default as IconBellNotice } from "./fill/icon-bell-notice";
+export { default as IconBellNoticeFill } from "./fill/icon-bell-notice-fill";
+export { default as IconClock } from "./fill/icon-clock";
+export { default as IconArrowsUpDown } from "./fill/icon-arrows-up-down";
+export { default as IconFunnel } from "./fill/icon-funnel";
 export { default as IconImageAdd } from "./fill/icon-image-add";
 export { default as IconTagAdd } from "./fill/icon-tag-add";
 export { default as IconSwatchPlus } from "./fill/icon-swatch-plus";
@@ -103,3 +109,41 @@ export { default as IconTranslation2 } from "./fill/icon-translation-2";
 export { default as IconDocumentCsv } from "./fill/icon-document-csv";
 export { default as IconDocumentText } from "./fill/icon-document-text";
 export { default as IconPen } from "./fill/icon-pen";
+export { default as IconNew } from "./fill/icon-new";
+export { default as IconStepBackFill } from "./fill/icon-step-back-fill";
+export { default as IconStepNextFill } from "./fill/icon-step-next-fill";
+export { default as IconTextBicolor } from "./fill/icon-text-bicolor";
+export { default as IconArcTextBicolor } from "./fill/icon-arc-text-bicolor";
+export { default as IconStockBicolor } from "./fill/icon-stock-bicolor";
+export { default as IconPattern } from "./fill/icon-pattern";
+export { default as IconMagicAiBicolor } from "./fill/icon-magic-ai-bicolor";
+export { default as IconAlignLeft } from "./line/icon-align-left";
+export { default as IconAlignCenterHorizontally } from "./line/icon-align-center-horizontally";
+export { default as IconAlignRight } from "./line/icon-align-right";
+export { default as IconAlignTop } from "./line/icon-align-top";
+export { default as IconAlignCenterVertically } from "./line/icon-align-center-vertically";
+export { default as IconAlignBottom } from "./line/icon-align-bottom";
+export { default as IconTextBorder } from "./line/icon-text-border";
+export { default as IconTextBold } from "./line/icon-text-bold";
+export { default as IconTextItalic } from "./line/icon-text-italic";
+export { default as IconTextUnderline } from "./line/icon-text-underline";
+export { default as IconTextAlignLeft } from "./line/icon-text-align-left";
+export { default as IconTextAlignCenter } from "./line/icon-text-align-center";
+export { default as IconTextAlignRight } from "./line/icon-text-align-right";
+export { default as IconAttributeX } from "./line/icon-attribute-x";
+export { default as IconAttributeH } from "./line/icon-attribute-h";
+export { default as IconAttributeY } from "./line/icon-attribute-y";
+export { default as IconAttributeW } from "./line/icon-attribute-w";
+export { default as IconAttributeDeg } from "./line/icon-attribute-deg";
+export { default as IconAttributeOpacity } from "./line/icon-attribute-opacity";
+export { default as IconPattern1 } from "./line/icon-pattern-1";
+export { default as IconPattern2 } from "./line/icon-pattern-2";
+export { default as IconPattern3 } from "./line/icon-pattern-3";
+export { default as IconPattern4 } from "./line/icon-pattern-4";
+export { default as IconPattern5 } from "./line/icon-pattern-5";
+export { default as IconPattern6 } from "./line/icon-pattern-6";
+export { default as IconTextAlignMiddle } from "./line/icon-text-align-middle";
+export { default as IconTextAlignBottom } from "./line/icon-text-align-bottom";
+export { default as IconTextAlignTop } from "./line/icon-text-align-top";
+export { default as IconTextPath1 } from "./line/icon-text-path-1";
+export { default as IconTextPath2 } from "./line/icon-text-path-2";

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

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignBottom = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-bottom`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M8.2044 9.72529 9.25 10.7709 9.25 2.92334C9.25 2.50913 9.58579 2.17334 10 2.17334 10.4142 2.17334 10.75 2.50913 10.75 2.92334L10.75 10.7709 11.7956 9.72529C12.0885 9.43239 12.5634 9.43239 12.8563 9.72529 13.1492 10.0182 13.1492 10.4931 12.8563 10.7859L10.5303 13.1119C10.2374 13.4048 9.76256 13.4048 9.46967 13.1119L7.14374 10.7859C6.85085 10.4931 6.85085 10.0182 7.14374 9.72529 7.43664 9.43239 7.91151 9.43239 8.2044 9.72529ZM16 15.09C16.4142 15.09 16.75 15.4258 16.75 15.84 16.75 16.2542 16.4142 16.59 16 16.59H4C3.58579 16.59 3.25 16.2542 3.25 15.84 3.25 15.4258 3.58579 15.09 4 15.09H16Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignBottom.displayName = "IconAlignBottom";
+
+export default IconAlignBottom;

package/src/customeow/line/icon-align-center-horizontally.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignCenterHorizontally = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-center-horizontally`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.7499 4C10.7499 3.58579 10.4142 3.25 9.99994 3.25 9.58573 3.25 9.24994 3.58579 9.24994 4L9.24994 16C9.24994 16.4142 9.58572 16.75 9.99994 16.75 10.4142 16.75 10.7499 16.4142 10.7499 16L10.7499 4ZM15.1118 7.36719C15.4047 7.66009 15.4047 8.13496 15.1118 8.42785L14.2897 9.25H17.9296C18.3438 9.25 18.6796 9.58579 18.6796 10 18.6796 10.4142 18.3438 10.75 17.9296 10.75H14.2897L15.1118 11.5721C15.4047 11.865 15.4047 12.3399 15.1118 12.6328 14.8189 12.9257 14.344 12.9257 14.0512 12.6328L11.9487 10.5303C11.6558 10.2374 11.6558 9.76256 11.9487 9.46967L14.0512 7.36719C14.344 7.0743 14.8189 7.0743 15.1118 7.36719ZM4.88947 8.42919 5.71027 9.25H2.07031C1.6561 9.25 1.32031 9.58579 1.32031 10 1.32031 10.4142 1.6561 10.75 2.07031 10.75H5.71027L4.88947 11.5708C4.59658 11.8637 4.59658 12.3386 4.88947 12.6315 5.18236 12.9244 5.65724 12.9244 5.95013 12.6315L8.05127 10.5303C8.34416 10.2374 8.34416 9.76256 8.05127 9.46967L5.95013 7.36853C5.65724 7.07564 5.18236 7.07564 4.88947 7.36853 4.59658 7.66143 4.59658 8.1363 4.88947 8.42919Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignCenterHorizontally.displayName = "IconAlignCenterHorizontally";
+
+export default IconAlignCenterHorizontally;

package/src/customeow/line/icon-align-center-vertically.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignCenterVertically = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-center-vertically`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M9.25 2.07031 9.25 5.71034 8.42785 4.88819C8.13496 4.59529 7.66008 4.59529 7.36719 4.88819 7.0743 5.18108 7.0743 5.65595 7.36719 5.94885L9.46967 8.05133C9.76256 8.34422 10.2374 8.34422 10.5303 8.05133L12.6328 5.94885C12.9257 5.65595 12.9257 5.18108 12.6328 4.88819 12.3399 4.59529 11.865 4.59529 11.5721 4.88819L10.75 5.71034 10.75 2.07031C10.75 1.6561 10.4142 1.32031 10 1.32031 9.58579 1.32031 9.25 1.6561 9.25 2.07031ZM8.42919 15.1105 9.25 14.2897 9.25 17.9296C9.25 18.3438 9.58579 18.6796 10 18.6796 10.4142 18.6796 10.75 18.3438 10.75 17.9296L10.75 14.2897 11.5708 15.1105C11.8637 15.4034 12.3386 15.4034 12.6315 15.1105 12.9244 14.8176 12.9244 14.3427 12.6315 14.0498L10.5303 11.9487C10.2374 11.6558 9.76256 11.6558 9.46967 11.9487L7.36853 14.0498C7.07564 14.3427 7.07564 14.8176 7.36854 15.1105 7.66143 15.4034 8.1363 15.4034 8.42919 15.1105ZM4 9.25C3.58579 9.25 3.25 9.58579 3.25 10 3.25 10.4142 3.58579 10.75 4 10.75H16C16.4142 10.75 16.75 10.4142 16.75 10 16.75 9.58579 16.4142 9.25 16 9.25H4Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignCenterVertically.displayName = "IconAlignCenterVertically";
+
+export default IconAlignCenterVertically;

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

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignLeft = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-left`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M4.90942 4C4.90942 3.58579 4.57364 3.25 4.15942 3.25 3.74521 3.25 3.40942 3.58579 3.40942 4V16C3.40942 16.4142 3.74521 16.75 4.15942 16.75 4.57364 16.75 4.90942 16.4142 4.90942 16L4.90942 4ZM10.2742 7.14374C10.5671 7.43664 10.5671 7.91151 10.2742 8.2044L9.22857 9.25H17.0761C17.4903 9.25 17.8261 9.58579 17.8261 10 17.8261 10.4142 17.4903 10.75 17.0761 10.75H9.22857L10.2742 11.7956C10.5671 12.0885 10.5671 12.5634 10.2742 12.8563 9.98127 13.1492 9.5064 13.1492 9.21351 12.8563L6.88758 10.5303C6.59468 10.2374 6.59468 9.76256 6.88758 9.46967L9.21351 7.14374C9.5064 6.85085 9.98127 6.85085 10.2742 7.14374Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignLeft.displayName = "IconAlignLeft";
+
+export default IconAlignLeft;

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

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignRight = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-right`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M15.0867 4C15.0867 3.58579 15.4225 3.25 15.8367 3.25 16.2509 3.25 16.5867 3.58579 16.5867 4L16.5867 16C16.5867 16.4142 16.2509 16.75 15.8367 16.75 15.4225 16.75 15.0867 16.4142 15.0867 16L15.0867 4ZM9.72187 7.14374C9.42897 7.43664 9.42897 7.91151 9.72187 8.2044L10.7675 9.25H2.91992C2.50571 9.25 2.16992 9.58579 2.16992 10 2.16992 10.4142 2.50571 10.75 2.91992 10.75H10.7675L9.72187 11.7956C9.42897 12.0885 9.42897 12.5634 9.72187 12.8563 10.0148 13.1492 10.4896 13.1492 10.7825 12.8563L13.1085 10.5303C13.4013 10.2374 13.4013 9.76256 13.1085 9.46967L10.7825 7.14374C10.4896 6.85085 10.0148 6.85085 9.72187 7.14374Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignRight.displayName = "IconAlignRight";
+
+export default IconAlignRight;

package/src/customeow/line/icon-align-top.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAlignTop = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-align-top`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M16 4.90997C16.4142 4.90997 16.75 4.57419 16.75 4.15997 16.75 3.74576 16.4142 3.40997 16 3.40997H4C3.58579 3.40997 3.25 3.74576 3.25 4.15997 3.25 4.57419 3.58579 4.90997 4 4.90997H16ZM12.8563 10.2747C12.5634 10.5676 12.0885 10.5676 11.7956 10.2747L10.75 9.22912 10.75 17.0767C10.75 17.4909 10.4142 17.8267 10 17.8267 9.58579 17.8267 9.25 17.4909 9.25 17.0767L9.25 9.22912 8.2044 10.2747C7.91151 10.5676 7.43664 10.5676 7.14374 10.2747 6.85085 9.98182 6.85085 9.50695 7.14374 9.21405L9.46967 6.88813C9.76256 6.59523 10.2374 6.59523 10.5303 6.88813L12.8563 9.21405C13.1492 9.50695 13.1492 9.98182 12.8563 10.2747Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAlignTop.displayName = "IconAlignTop";
+
+export default IconAlignTop;

package/src/customeow/line/icon-arrow-top-right-on-square.tsx

@@ -21,11 +21,7 @@ export const IconArrowTopRightOnSquare = forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          d="M11.75 9.31066V11.2405C11.75 11.6547 12.0858 11.9905 12.5 11.9905C12.9142 11.9905 13.25 11.6547 13.25 11.2405V7.5C13.25 7.08579 12.9142 6.75 12.5 6.75H8.75353C8.33932 6.75 8.00353 7.08579 8.00353 7.5C8.00353 7.91421 8.33932 8.25 8.75353 8.25H10.6893L6.96967 11.9697C6.67678 12.2626 6.67678 12.7374 6.96967 13.0303C7.26256 13.3232 7.73744 13.3232 8.03033 13.0303L11.75 9.31066Z"
-          fill={color}
-        />
-        <path
-          d="M1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10ZM10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10C16.75 6.27208 13.7279 3.25 10 3.25Z"
+          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"

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeW = 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`,
+    };
+    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.9433 3.96883L13.4805 12.9734L10.7029 5.51218C10.5936 5.21857 10.3133 5.02384 10 5.02384C9.68672 5.02384 9.40644 5.21857 9.29714 5.51218L6.51956 12.9734L4.05678 3.96883C3.9475 3.56929 3.53503 3.33399 3.13549 3.44326C2.73595 3.55254 2.50064 3.96501 2.60992 4.36455L5.68684 15.6146C5.77274 15.9286 6.05148 16.1514 6.37676 16.1659C6.70204 16.1805 6.99955 15.9835 7.11315 15.6784L10 7.92358L12.8869 15.6784C13.0005 15.9835 13.298 16.1805 13.6233 16.1659C13.9486 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>
+    );
+  }
+);
+
+IconAttributeW.displayName = "IconAttributeW";
+
+export default IconAttributeW;

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

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconAttributeX = 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`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.60004 2.8833C5.35152 2.55193 4.88142 2.48477 4.55004 2.7333C4.21867 2.98182 4.15152 3.45193 4.40004 3.7833L9.06256 9.99999L4.40008 16.2166C4.15155 16.548 4.21871 17.0181 4.55008 17.2666C4.88145 17.5152 5.35155 17.448 5.60008 17.1166L10.0001 11.25L14.4 17.1166C14.6486 17.448 15.1187 17.5152 15.45 17.2666C15.7814 17.0181 15.8486 16.548 15.6 16.2166L10.9376 9.99999L15.6001 3.7833C15.8486 3.45193 15.7814 2.98182 15.4501 2.7333C15.1187 2.48477 14.6486 2.55193 14.4001 2.8833L10.0001 8.74999L5.60004 2.8833Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconAttributeX.displayName = "IconAttributeX";
+
+export default IconAttributeX;