@sunzi/icon 1.0.0 → 1.0.2

package/manifest.json

@@ -80,6 +80,7 @@
       "icon-eye": "48/fill/icon-eye.svg",
       "icon-star": "48/fill/icon-star.svg",
       "icon-rocket-launch": "48/fill/icon-rocket-launch.svg",
+      "icon-bell-notice": "48/fill/icon-bell-notice.svg",
       "icon-image-add": "48/fill/icon-image-add.svg",
       "icon-tag-add": "48/fill/icon-tag-add.svg",
       "icon-swatch-plus": "48/fill/icon-swatch-plus.svg",
@@ -103,7 +104,8 @@
       "icon-adjustments-horizontal": "48/fill/icon-adjustments-horizontal.svg",
       "icon-translation-2": "48/fill/icon-translation-2.svg",
       "icon-document-csv": "48/fill/icon-document-csv.svg",
-      "icon-document-text": "48/fill/icon-document-text.svg"
+      "icon-document-text": "48/fill/icon-document-text.svg",
+      "icon-pen": "48/fill/icon-pen.svg"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunzi/icon",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React Icon Set",
   "types": "./types",
   "files": [

package/src/customeow/fill/icon-add.tsx

@@ -6,6 +6,8 @@ export const IconAdd = 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-add`,

package/src/customeow/fill/icon-adjustments-horizontal.tsx

@@ -6,6 +6,8 @@ export const IconAdjustmentsHorizontal = 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-adjustments-horizontal`,

package/src/customeow/fill/icon-arrow-down-on-square.tsx

@@ -6,6 +6,8 @@ export const IconArrowDownOnSquare = 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-on-square`,

package/src/customeow/fill/icon-arrow-left-dis.tsx

@@ -6,6 +6,8 @@ export const IconArrowLeftDis = 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-dis`,

package/src/customeow/fill/icon-arrow-path-rounded-square.tsx

@@ -6,6 +6,8 @@ export const IconArrowPathRoundedSquare = 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-path-rounded-square`,

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

@@ -0,0 +1,43 @@
+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="M9.99997 2C6.68626 2 3.99997 4.68629 3.99997 8C3.99997 9.88663 3.54624 11.6651 2.7426 13.2343C2.63591 13.4426 2.6326 13.6888 2.73365 13.9C2.83469 14.1111 3.02851 14.2629 3.25769 14.3105C4.32537 14.5322 5.41181 14.7023 6.51426 14.818C6.67494 16.602 8.17421 18 10 18C11.8258 18 13.3251 16.602 13.4857 14.818C14.5882 14.7023 15.6746 14.5322 16.7422 14.3105C16.9714 14.2629 17.1652 14.1111 17.2663 13.9C17.3673 13.6888 17.364 13.4426 17.2573 13.2343C16.4537 11.6651 16 9.88663 16 8C16 4.68629 13.3137 2 9.99997 2ZM8.0493 14.9433C8.69477 14.9809 9.34517 15 9.99997 15C10.6548 15 11.3052 14.9809 11.9507 14.9433C11.749 15.8345 10.9522 16.5 10 16.5C9.04777 16.5 8.25097 15.8345 8.0493 14.9433Z"
+            fill={color}
+            fillRule="evenodd"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill={color} d="M0 0H20V20H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  }
+);
+
+IconBellNotice.displayName = "IconBellNotice";
+
+export default IconBellNotice;

package/src/customeow/fill/icon-calendar-hero.tsx

@@ -6,6 +6,8 @@ export const IconCalendarHero = 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-calendar-hero`,

package/src/customeow/fill/icon-check-circle-hero.tsx

@@ -6,6 +6,8 @@ export const IconCheckCircleHero = 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-circle-hero`,

package/src/customeow/fill/icon-circle-stack.tsx

@@ -6,6 +6,8 @@ export const IconCircleStack = 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-circle-stack`,

package/src/customeow/fill/icon-click.tsx

@@ -6,6 +6,8 @@ export const IconClick = 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-click`,

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

@@ -6,6 +6,8 @@ export const IconCog6Tooth = 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-cog-6-tooth`,

package/src/customeow/fill/icon-corner-left-up.tsx

@@ -6,6 +6,8 @@ export const IconCornerLeftUp = 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-corner-left-up`,

package/src/customeow/fill/icon-device-desktop.tsx

@@ -6,6 +6,8 @@ export const IconDeviceDesktop = 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-device-desktop`,

package/src/customeow/fill/icon-device-mobile.tsx

@@ -6,6 +6,8 @@ export const IconDeviceMobile = 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-device-mobile`,

package/src/customeow/fill/icon-document-arrow-up.tsx

@@ -6,6 +6,8 @@ export const IconDocumentArrowUp = 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-document-arrow-up`,

package/src/customeow/fill/icon-document-csv.tsx

@@ -6,6 +6,8 @@ export const IconDocumentCsv = 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-document-csv`,

package/src/customeow/fill/icon-document-duplicate.tsx

@@ -6,6 +6,8 @@ export const IconDocumentDuplicate = 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-document-duplicate`,

package/src/customeow/fill/icon-document-text.tsx

@@ -6,6 +6,8 @@ export const IconDocumentText = 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-document-text`,

package/src/customeow/fill/icon-exclaimation-circle-hero.tsx

@@ -6,6 +6,8 @@ export const IconExclaimationCircleHero = 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-exclaimation-circle-hero`,

package/src/customeow/fill/icon-exclamation-triangle-warning.tsx

@@ -8,6 +8,8 @@ export const IconExclamationTriangleWarning = 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-exclamation-triangle-warning`,

package/src/customeow/fill/icon-eye.tsx

@@ -6,6 +6,8 @@ export const IconEye = 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-eye`,

package/src/customeow/fill/icon-font-add.tsx

@@ -6,6 +6,8 @@ export const IconFontAdd = 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-add`,

package/src/customeow/fill/icon-image-add.tsx

@@ -6,6 +6,8 @@ export const IconImageAdd = 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-add`,

package/src/customeow/fill/icon-image-photo-hero.tsx

@@ -6,6 +6,8 @@ export const IconImagePhotoHero = 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-photo-hero`,

package/src/customeow/fill/icon-information-circle.tsx

@@ -6,6 +6,8 @@ export const IconInformationCircle = 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-information-circle`,

package/src/customeow/fill/icon-input-value.tsx

@@ -6,6 +6,8 @@ export const IconInputValue = 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-input-value`,

package/src/customeow/fill/icon-keyboard-fill.tsx

@@ -6,6 +6,8 @@ export const IconKeyboardFill = 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-keyboard-fill`,

package/src/customeow/fill/icon-linked-data-2.tsx

@@ -6,6 +6,8 @@ export const IconLinkedData2 = 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-2`,

package/src/customeow/fill/icon-output-value.tsx

@@ -6,6 +6,8 @@ export const IconOutputValue = 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-output-value`,

package/src/customeow/fill/icon-pause-hero.tsx

@@ -6,6 +6,8 @@ export const IconPauseHero = 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-pause-hero`,

package/src/customeow/fill/icon-pen.tsx

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconPen = 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-pen`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M1.79456 1.6366L10.9943 3.50317C12.3199 3.77211 13.4197 4.69269 13.9178 5.95017L15.8457 10.8171L17.9636 12.9757C18.3504 13.37 18.3443 14.0031 17.9501 14.3899L14.2372 18.0326C13.8429 18.4194 13.2098 18.4133 12.823 18.0191L10.7051 15.8604L5.87594 13.84C4.6282 13.318 3.72878 12.2008 3.48519 10.8703L1.79456 1.6366Z"
+          fill={color}
+        />
+        <path
+          d="M1.94383 0.901628C1.69983 0.852123 1.44717 0.926926 1.26945 1.10128C1.09174 1.27564 1.01212 1.52683 1.05696 1.77173L2.74759 11.0055C3.03686 12.5853 4.10492 13.912 5.58661 14.5319L10.276 16.4939L12.2878 18.5444C12.9646 19.2343 14.0726 19.2449 14.7625 18.568L18.4755 14.9253C19.1654 14.2484 19.176 13.1405 18.4991 12.4505L16.4873 10.4L14.6153 5.67401C14.0238 4.18076 12.7177 3.08757 11.1436 2.7682L1.94383 0.901628ZM13.3585 17.4939L11.7659 15.8706L15.8357 11.8777L17.4284 13.501C17.5251 13.5996 17.5235 13.7579 17.425 13.8546L13.7121 17.4973C13.6135 17.594 13.4552 17.5925 13.3585 17.4939ZM13.2207 6.22644L14.9652 10.6304L10.5354 14.9764L6.16555 13.1482C5.15177 12.724 4.42098 11.8163 4.22307 10.7353L2.97318 3.90877L7.91031 8.94106C7.85736 9.09995 7.82795 9.26968 7.82626 9.44618C7.81759 10.3549 8.54725 11.0987 9.45602 11.1073C10.3648 11.116 11.1085 10.3863 11.1172 9.47759C11.1259 8.56882 10.3962 7.82509 9.48743 7.81642C9.31107 7.81474 9.14093 7.84086 8.98117 7.8907L4.04391 2.85828L10.8454 4.23825C11.9223 4.45676 12.816 5.20474 13.2207 6.22644Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconPen.displayName = "IconPen";
+
+export default IconPen;

package/src/customeow/fill/icon-pencil-square.tsx

@@ -6,6 +6,8 @@ export const IconPencilSquare = 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-pencil-square`,

package/src/customeow/fill/icon-puzzle-piece-fill.tsx

@@ -6,6 +6,8 @@ export const IconPuzzlePieceFill = 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-puzzle-piece-fill`,

package/src/customeow/fill/icon-qr-code.tsx

@@ -6,6 +6,8 @@ export const IconQrCode = 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-qr-code`,

package/src/customeow/fill/icon-question-mark-circle.tsx

@@ -6,6 +6,8 @@ export const IconQuestionMarkCircle = 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-question-mark-circle`,

package/src/customeow/fill/icon-radio.tsx

@@ -6,6 +6,8 @@ export const IconRadio = 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-radio`,

package/src/customeow/fill/icon-rocket-launch.tsx

@@ -6,6 +6,8 @@ export const IconRocketLaunch = 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-rocket-launch`,

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

@@ -6,6 +6,8 @@ export const IconRotate2LeftFill = 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-fill`,

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

@@ -6,6 +6,8 @@ export const IconRotate2RightFill = 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-fill`,

package/src/customeow/fill/icon-scissors-hero.tsx

@@ -6,6 +6,8 @@ export const IconScissorsHero = 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-scissors-hero`,

package/src/customeow/fill/icon-shopping-cart-hero.tsx

@@ -6,6 +6,8 @@ export const IconShoppingCartHero = 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-hero`,

package/src/customeow/fill/icon-star.tsx

@@ -6,6 +6,8 @@ export const IconStar = 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-star`,

package/src/customeow/fill/icon-swatch-hero.tsx

@@ -6,6 +6,8 @@ export const IconSwatchHero = 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-swatch-hero`,

package/src/customeow/fill/icon-swatch-minus.tsx

@@ -6,6 +6,8 @@ export const IconSwatchMinus = 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-swatch-minus`,

package/src/customeow/fill/icon-swatch-plus.tsx

@@ -6,6 +6,8 @@ export const IconSwatchPlus = 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-swatch-plus`,

package/src/customeow/fill/icon-tag-add.tsx

@@ -6,6 +6,8 @@ export const IconTagAdd = 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-tag-add`,

package/src/customeow/fill/icon-translation-2.tsx

@@ -6,6 +6,8 @@ export const IconTranslation2 = 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-translation-2`,

package/src/customeow/fill/icon-trash-delete-hero.tsx

@@ -6,6 +6,8 @@ export const IconTrashDeleteHero = 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-trash-delete-hero`,

package/src/customeow/fill/icon-triangles-play-hero.tsx

@@ -6,6 +6,8 @@ export const IconTrianglesPlayHero = 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-triangles-play-hero`,

package/src/customeow/fill/icon-window.tsx

@@ -6,6 +6,8 @@ export const IconWindow = 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-window`,

package/src/customeow/fill/icon-x-circle-dis.tsx

@@ -6,6 +6,8 @@ export const IconXCircleDis = 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-circle-dis`,

package/src/customeow/fill/icon-x-close-circle-hero.tsx

@@ -6,6 +6,8 @@ export const IconXCloseCircleHero = 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-circle-hero`,