@sunzi/icon 1.0.0 → 1.0.2

package/src/customeow/index.json

@@ -79,6 +79,7 @@
     { "componentName": "IconEye" },
     { "componentName": "IconStar" },
     { "componentName": "IconRocketLaunch" },
+    { "componentName": "IconBellNotice" },
     { "componentName": "IconImageAdd" },
     { "componentName": "IconTagAdd" },
     { "componentName": "IconSwatchPlus" },
@@ -102,6 +103,7 @@
     { "componentName": "IconAdjustmentsHorizontal" },
     { "componentName": "IconTranslation2" },
     { "componentName": "IconDocumentCsv" },
-    { "componentName": "IconDocumentText" }
+    { "componentName": "IconDocumentText" },
+    { "componentName": "IconPen" }
   ]
 }

package/src/customeow/index.tsx

@@ -77,6 +77,7 @@ 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 IconImageAdd } from "./fill/icon-image-add";
 export { default as IconTagAdd } from "./fill/icon-tag-add";
 export { default as IconSwatchPlus } from "./fill/icon-swatch-plus";
@@ -101,3 +102,4 @@ export { default as IconAdjustmentsHorizontal } from "./fill/icon-adjustments-ho
 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";

package/src/customeow/line/icon-arrow-double-left.tsx

@@ -6,6 +6,8 @@ export const IconArrowDoubleLeft = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-double-left`,

package/src/customeow/line/icon-arrow-double-right.tsx

@@ -6,6 +6,8 @@ export const IconArrowDoubleRight = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-double-right`,

package/src/customeow/line/icon-arrow-down-tray-download.tsx

@@ -6,6 +6,8 @@ export const IconArrowDownTrayDownload = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-down-tray-download`,

package/src/customeow/line/icon-arrow-import.tsx

@@ -6,6 +6,8 @@ export const IconArrowImport = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-import`,

package/src/customeow/line/icon-arrow-left-hero.tsx

@@ -6,6 +6,8 @@ export const IconArrowLeftHero = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-left-hero`,

package/src/customeow/line/icon-arrow-right-hero.tsx

@@ -6,6 +6,8 @@ export const IconArrowRightHero = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-right-hero`,

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

@@ -8,6 +8,8 @@ export const IconArrowRightOnRectanglehero = forwardRef<
   const { className } = props;
   props = {
     ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
     className: `${
       className ? className + " " : ""
     }customeow-icon customeow-icon-icon-arrow-right-on-rectanglehero`,

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

@@ -6,6 +6,8 @@ export const IconArrowTopRightOnSquare = forwardRef<SVGSVGElement, IconProps>(
     const { className } = props;
     props = {
       ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
       className: `${
         className ? className + " " : ""
       }customeow-icon customeow-icon-icon-arrow-top-right-on-square`,

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

@@ -6,6 +6,8 @@ export const IconCheck = forwardRef<SVGSVGElement, IconProps>(
     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`,

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

@@ -6,6 +6,8 @@ export const IconCheckbox = forwardRef<SVGSVGElement, IconProps>(
     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-checkbox`,

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

@@ -6,6 +6,8 @@ export const IconChevronLeftHero = forwardRef<SVGSVGElement, IconProps>(
     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-hero`,

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

@@ -6,6 +6,8 @@ export const IconChevronRightHero = forwardRef<SVGSVGElement, IconProps>(
     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-hero`,

package/src/customeow/line/icon-clock-time.tsx

@@ -6,6 +6,8 @@ export const IconClockTime = forwardRef<SVGSVGElement, IconProps>(
     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`,

package/src/customeow/line/icon-color-swatch.tsx

@@ -6,6 +6,8 @@ export const IconColorSwatch = forwardRef<SVGSVGElement, IconProps>(
     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-color-swatch`,

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

@@ -6,6 +6,8 @@ export const IconData = forwardRef<SVGSVGElement, IconProps>(
     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-data`,
@@ -19,7 +21,7 @@ export const IconData = forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          d="M4.10085 3.14998C4.10085 2.77718 3.79865 2.47498 3.42585 2.47498C3.05306 2.47498 2.75085 2.77718 2.75085 3.14998V14.3464C2.75085 15.2715 3.50078 16.0214 4.42585 16.0214H6.75085V16.15C6.75085 16.9094 7.36646 17.525 8.12585 17.525H15.8742C16.6336 17.525 17.2492 16.9094 17.2492 16.15V14.65C17.2492 13.8906 16.6336 13.275 15.8742 13.275H8.12585C7.36646 13.275 6.75085 13.8906 6.75085 14.65V14.6714H4.42585C4.24636 14.6714 4.10085 14.5259 4.10085 14.3464V10.6751H6.75085V10.75C6.75085 11.5094 7.36646 12.125 8.12585 12.125H15.8742C16.6336 12.125 17.2492 11.5094 17.2492 10.75V9.25C17.2492 8.49061 16.6336 7.875 15.8742 7.875H8.12585C7.36646 7.875 6.75085 8.49061 6.75085 9.25V9.32507H4.10085V5.27493H6.75085V5.34998C6.75085 6.10937 7.36646 6.72498 8.12585 6.72498H15.8742C16.6336 6.72498 17.2492 6.10937 17.2492 5.34998V3.84998C17.2492 3.09058 16.6336 2.47498 15.8742 2.47498H8.12585C7.36646 2.47498 6.75085 3.09058 6.75085 3.84998V3.92493H4.10085V3.14998ZM8.10085 15.3456L8.10085 15.3464L8.10085 15.3472V16.15C8.10085 16.1638 8.11205 16.175 8.12585 16.175H15.8742C15.888 16.175 15.8992 16.1638 15.8992 16.15V14.65C15.8992 14.6362 15.888 14.625 15.8742 14.625H8.12585C8.11205 14.625 8.10085 14.6362 8.10085 14.65V15.3456ZM8.10085 3.84998C8.10085 3.83617 8.11205 3.82498 8.12585 3.82498H15.8742C15.888 3.82498 15.8992 3.83617 15.8992 3.84998V5.34998C15.8992 5.36378 15.888 5.37498 15.8742 5.37498H8.12585C8.11205 5.37498 8.10085 5.36378 8.10085 5.34998V3.84998ZM8.10085 9.25C8.10085 9.23619 8.11205 9.225 8.12585 9.225H15.8742C15.888 9.225 15.8992 9.23619 15.8992 9.25V10.75C15.8992 10.7638 15.888 10.775 15.8742 10.775H8.12585C8.11205 10.775 8.10085 10.7638 8.10085 10.75V9.25Z"
+          d="M4.10085 3.14998C4.10085 2.77718 3.79865 2.47498 3.42585 2.47498C3.05306 2.47498 2.75085 2.77718 2.75085 3.14998V14.3464C2.75085 15.2715 3.50078 16.0214 4.42585 16.0214H6.75085V16.15C6.75085 16.9094 7.36646 17.525 8.12585 17.525H15.8742C16.6336 17.525 17.2492 16.9094 17.2492 16.15V14.65C17.2492 13.8906 16.6336 13.275 15.8742 13.275H8.12585C7.36646 13.275 6.75085 13.8906 6.75085 14.65V14.6714H4.42585C4.24636 14.6714 4.10085 14.5259 4.10085 14.3464V10.6751H6.75085V10.75C6.75085 11.5094 7.36646 12.125 8.12585 12.125H15.8742C16.6336 12.125 17.2492 11.5094 17.2492 10.75V9.25C17.2492 8.49061 16.6336 7.875 15.8742 7.875H8.12585C7.36646 7.875 6.75085 8.49061 6.75085 9.25V9.32507H4.10085V5.27493H6.75085V5.34998C6.75085 6.10937 7.36646 6.72498 8.12585 6.72498H15.8742C16.6336 6.72498 17.2492 6.10937 17.2492 5.34998V3.84998C17.2492 3.09058 16.6336 2.47498 15.8742 2.47498H8.12585C7.36646 2.47498 6.75085 3.09058 6.75085 3.84998V3.92493H4.10085V3.14998ZM8.10085 16.15C8.10085 16.1638 8.11205 16.175 8.12585 16.175H15.8742C15.888 16.175 15.8992 16.1638 15.8992 16.15V14.65C15.8992 14.6362 15.888 14.625 15.8742 14.625H8.12585C8.11205 14.625 8.10085 14.6362 8.10085 14.65V16.15ZM8.10085 3.84998C8.10085 3.83617 8.11205 3.82498 8.12585 3.82498H15.8742C15.888 3.82498 15.8992 3.83617 15.8992 3.84998V5.34998C15.8992 5.36378 15.888 5.37498 15.8742 5.37498H8.12585C8.11205 5.37498 8.10085 5.36378 8.10085 5.34998V3.84998ZM8.10085 9.25C8.10085 9.23619 8.11205 9.225 8.12585 9.225H15.8742C15.888 9.225 15.8992 9.23619 15.8992 9.25V10.75C15.8992 10.7638 15.888 10.775 15.8742 10.775H8.12585C8.11205 10.775 8.10085 10.7638 8.10085 10.75V9.25Z"
           fill={color}
           fillRule="evenodd"
           clipRule="evenodd"

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

@@ -6,6 +6,8 @@ export const IconDescription = forwardRef<SVGSVGElement, IconProps>(
     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-description`,

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

@@ -6,6 +6,8 @@ export const IconDesign = forwardRef<SVGSVGElement, IconProps>(
     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-design`,

package/src/customeow/line/icon-drag-vertically.tsx

@@ -6,6 +6,8 @@ export const IconDragVertically = forwardRef<SVGSVGElement, IconProps>(
     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-drag-vertically`,
@@ -19,7 +21,7 @@ export const IconDragVertically = forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          d="M12.75 3C13.5784 3 14.25 3.67157 14.25 4.5 14.25 5.32843 13.5784 6 12.75 6 11.9216 6 11.25 5.32843 11.25 4.5 11.25 3.67157 11.9216 3 12.75 3ZM12.75 8.5C13.5784 8.5 14.25 9.17157 14.25 10 14.25 10.8284 13.5784 11.5 12.75 11.5 11.9216 11.5 11.25 10.8284 11.25 10 11.25 9.17157 11.9216 8.5 12.75 8.5ZM14.25 15.5C14.25 14.6716 13.5784 14 12.75 14 11.9216 14 11.25 14.6716 11.25 15.5 11.25 16.3284 11.9216 17 12.75 17 13.5784 17 14.25 16.3284 14.25 15.5ZM7.25 3C8.07843 3 8.75 3.67157 8.75 4.5 8.75 5.32843 8.07843 6 7.25 6 6.42157 6 5.75 5.32843 5.75 4.5 5.75 3.67157 6.42157 3 7.25 3ZM7.25 8.5C8.07843 8.5 8.75 9.17157 8.75 10 8.75 10.8284 8.07843 11.5 7.25 11.5 6.42157 11.5 5.75 10.8284 5.75 10 5.75 9.17157 6.42157 8.5 7.25 8.5ZM8.75 15.5C8.75 14.6716 8.07843 14 7.25 14 6.42157 14 5.75 14.6716 5.75 15.5 5.75 16.3284 6.42157 17 7.25 17 8.07843 17 8.75 16.3284 8.75 15.5Z"
+          d="M7.25 3C8.07843 3 8.75 3.67157 8.75 4.5 8.75 5.32843 8.07843 6 7.25 6 6.42157 6 5.75 5.32843 5.75 4.5 5.75 3.67157 6.42157 3 7.25 3ZM7.25 8.5C8.07843 8.5 8.75 9.17157 8.75 10 8.75 10.8284 8.07843 11.5 7.25 11.5 6.42157 11.5 5.75 10.8284 5.75 10 5.75 9.17157 6.42157 8.5 7.25 8.5ZM7.25 14C8.07843 14 8.75 14.6716 8.75 15.5 8.75 16.3284 8.07843 17 7.25 17 6.42157 17 5.75 16.3284 5.75 15.5 5.75 14.6716 6.42157 14 7.25 14ZM12.75 3C13.5784 3 14.25 3.67157 14.25 4.5 14.25 5.32843 13.5784 6 12.75 6 11.9216 6 11.25 5.32843 11.25 4.5 11.25 3.67157 11.9216 3 12.75 3ZM12.75 8.5C13.5784 8.5 14.25 9.17157 14.25 10 14.25 10.8284 13.5784 11.5 12.75 11.5 11.9216 11.5 11.25 10.8284 11.25 10 11.25 9.17157 11.9216 8.5 12.75 8.5ZM12.75 14C13.5784 14 14.25 14.6716 14.25 15.5 14.25 16.3284 13.5784 17 12.75 17 11.9216 17 11.25 16.3284 11.25 15.5 11.25 14.6716 11.9216 14 12.75 14Z"
           fill={color}
         />
       </svg>

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

@@ -6,6 +6,8 @@ export const IconDrag = forwardRef<SVGSVGElement, IconProps>(
     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-drag`,

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

@@ -6,6 +6,8 @@ export const IconEdit = forwardRef<SVGSVGElement, IconProps>(
     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-edit`,

package/src/customeow/line/icon-ellipsis-more-horizontal.tsx

@@ -6,6 +6,8 @@ export const IconEllipsisMoreHorizontal = forwardRef<SVGSVGElement, IconProps>(
     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-ellipsis-more-horizontal`,

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

@@ -6,6 +6,8 @@ export const IconEmail = forwardRef<SVGSVGElement, IconProps>(
     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-email`,

package/src/customeow/line/icon-file-audio.tsx

@@ -6,6 +6,8 @@ export const IconFileAudio = forwardRef<SVGSVGElement, IconProps>(
     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-file-audio`,

package/src/customeow/line/icon-file-upload.tsx

@@ -6,6 +6,8 @@ export const IconFileUpload = forwardRef<SVGSVGElement, IconProps>(
     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-file-upload`,

package/src/customeow/line/icon-file-video.tsx

@@ -6,6 +6,8 @@ export const IconFileVideo = forwardRef<SVGSVGElement, IconProps>(
     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-file-video`,

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

@@ -6,6 +6,8 @@ export const IconFont = forwardRef<SVGSVGElement, IconProps>(
     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-font`,

package/src/customeow/line/icon-image-swatch.tsx

@@ -6,6 +6,8 @@ export const IconImageSwatch = forwardRef<SVGSVGElement, IconProps>(
     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-image-swatch`,

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

@@ -6,6 +6,8 @@ export const IconLanguage = forwardRef<SVGSVGElement, IconProps>(
     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-language`,

package/src/customeow/line/icon-linked-data.tsx

@@ -6,6 +6,8 @@ export const IconLinkedData = forwardRef<SVGSVGElement, IconProps>(
     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-linked-data`,

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

@@ -6,6 +6,8 @@ export const IconLoading2 = forwardRef<SVGSVGElement, IconProps>(
     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-loading-2`,

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

@@ -6,6 +6,8 @@ export const IconNotes = forwardRef<SVGSVGElement, IconProps>(
     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-notes`,

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

@@ -6,6 +6,8 @@ export const IconNumber = forwardRef<SVGSVGElement, IconProps>(
     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-number`,

package/src/customeow/line/icon-paper-clip.tsx

@@ -6,6 +6,8 @@ export const IconPaperClip = forwardRef<SVGSVGElement, IconProps>(
     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-paper-clip`,

package/src/customeow/line/icon-photo-upload.tsx

@@ -6,6 +6,8 @@ export const IconPhotoUpload = forwardRef<SVGSVGElement, IconProps>(
     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-photo-upload`,

package/src/customeow/line/icon-play-preview-circle.tsx

@@ -6,6 +6,8 @@ export const IconPlayPreviewCircle = forwardRef<SVGSVGElement, IconProps>(
     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-play-preview-circle`,

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

@@ -6,6 +6,8 @@ export const IconPlus = forwardRef<SVGSVGElement, IconProps>(
     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-plus`,

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

@@ -6,6 +6,8 @@ export const IconReset = forwardRef<SVGSVGElement, IconProps>(
     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-reset`,

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

@@ -6,6 +6,8 @@ export const IconRotate2Left = forwardRef<SVGSVGElement, IconProps>(
     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-rotate-2-left`,

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

@@ -6,6 +6,8 @@ export const IconRotate2Right = forwardRef<SVGSVGElement, IconProps>(
     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-rotate-2-right`,

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

@@ -6,6 +6,8 @@ export const IconRotateLeft = forwardRef<SVGSVGElement, IconProps>(
     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-rotate-left`,

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

@@ -6,6 +6,8 @@ export const IconRotateRight = forwardRef<SVGSVGElement, IconProps>(
     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-rotate-right`,

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

@@ -6,6 +6,8 @@ export const IconRotate = forwardRef<SVGSVGElement, IconProps>(
     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-rotate`,
@@ -19,10 +21,11 @@ export const IconRotate = forwardRef<SVGSVGElement, IconProps>(
         ref={forwardedRef}
       >
         <path
-          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"
+          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"
         />
       </svg>
     );

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

@@ -6,6 +6,8 @@ export const IconSchematic = forwardRef<SVGSVGElement, IconProps>(
     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-schematic`,

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

@@ -6,6 +6,8 @@ export const IconSearch = forwardRef<SVGSVGElement, IconProps>(
     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-search`,

package/src/customeow/line/icon-select-menu.tsx

@@ -6,6 +6,8 @@ export const IconSelectMenu = forwardRef<SVGSVGElement, IconProps>(
     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-select-menu`,

package/src/customeow/line/icon-shopping-cart.tsx

@@ -6,6 +6,8 @@ export const IconShoppingCart = forwardRef<SVGSVGElement, IconProps>(
     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-shopping-cart`,

package/src/customeow/line/icon-sort-orde.tsx

@@ -6,6 +6,8 @@ export const IconSortOrde = forwardRef<SVGSVGElement, IconProps>(
     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-sort-orde`,

package/src/customeow/line/icon-spotify-code.tsx

@@ -6,6 +6,8 @@ export const IconSpotifyCode = forwardRef<SVGSVGElement, IconProps>(
     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-spotify-code`,

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

@@ -6,6 +6,8 @@ export const IconSvg = forwardRef<SVGSVGElement, IconProps>(
     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-svg`,

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

@@ -6,6 +6,8 @@ export const IconText = forwardRef<SVGSVGElement, IconProps>(
     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`,

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

@@ -6,6 +6,8 @@ export const IconUrl = forwardRef<SVGSVGElement, IconProps>(
     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-url`,

package/src/customeow/line/icon-variable-function.tsx

@@ -6,6 +6,8 @@ export const IconVariableFunction = forwardRef<SVGSVGElement, IconProps>(
     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-variable-function`,

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

@@ -6,6 +6,8 @@ export const IconXClose = forwardRef<SVGSVGElement, IconProps>(
     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-x-close`,

package/src/types.tsx

@@ -3,4 +3,5 @@ import type { SVGAttributes } from 'react'
 export interface IconProps extends SVGAttributes<SVGElement> {
   children?: never
   color?: string
+  size?: number
 }