@sunzi/icon 1.0.3 → 1.0.4

package/src/customeow/default/icon-stack-circle-solid.tsx

@@ -0,0 +1,42 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconStackCircleSolid = 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-stack-circle-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 1C13.866 1 17 2.79086 17 5C17 7.20914 13.866 9 10 9C6.13401 9 3 7.20914 3 5C3 2.79086 6.13401 1 10 1Z"
+          fill={color}
+        />
+        <path
+          d="M15.694 9.13079C16.1576 8.86588 16.6044 8.54736 17 8.17775V10C17 12.2091 13.866 14 10 14C6.13401 14 3 12.2091 3 10V8.17775C3.3956 8.54736 3.84244 8.86588 4.30604 9.13079C5.83803 10.0062 7.85433 10.5 10 10.5C12.1457 10.5 14.162 10.0062 15.694 9.13079Z"
+          fill={color}
+        />
+        <path
+          d="M3 13.1777V15C3 17.2091 6.13401 19 10 19C13.866 19 17 17.2091 17 15V13.1777C16.6044 13.5474 16.1576 13.8659 15.694 14.1308C14.162 15.0062 12.1457 15.5 10 15.5C7.85433 15.5 5.83803 15.0062 4.30604 14.1308C3.84244 13.8659 3.3956 13.5474 3 13.1777Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconStackCircleSolid.displayName = "IconStackCircleSolid";
+
+export default IconStackCircleSolid;

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

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconStarSolid = 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-star-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.868 2.8837C10.5469 2.11168 9.45329 2.11168 9.13219 2.8837L7.3014 7.28547L2.54932 7.66644C1.71586 7.73326 1.37791 8.77337 2.01291 9.31732L5.63349 12.4187L4.52735 17.056C4.33334 17.8693 5.21812 18.5121 5.93167 18.0763L10.0001 15.5913L14.0686 18.0763C14.7821 18.5121 15.6669 17.8693 15.4729 17.056L14.3667 12.4187L17.9873 9.31732C18.6223 8.77337 18.2844 7.73326 17.4509 7.66644L12.6988 7.28547L10.868 2.8837Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconStarSolid.displayName = "IconStarSolid";
+
+export default IconStarSolid;

package/src/customeow/default/icon-step-back-solid.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconStepBackSolid = 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-step-back-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M8.86209 2.7629C9.17413 2.89158 9.37774 3.19578 9.37774 3.53331V6.47582C11.6231 6.66719 13.5762 7.57544 15.2035 9.19214C17.0152 10.9921 18.0549 13.2375 18.329 15.8873C18.3667 16.2518 18.1619 16.5982 17.8243 16.7407C17.4867 16.8833 17.0956 16.7886 16.8606 16.5074C15.0473 14.3373 13.5735 13.2861 12.442 13.0507C11.3681 12.8273 10.3478 12.7588 9.37774 12.8386V16.0333C9.37774 16.3749 9.16927 16.6819 8.85176 16.8079C8.53425 16.9339 8.172 16.8533 7.93779 16.6047L1.89347 10.1875C1.58527 9.8603 1.59212 9.34761 1.90896 9.02876L7.95328 2.94593C8.1912 2.7065 8.55004 2.63423 8.86209 2.7629Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconStepBackSolid.displayName = "IconStepBackSolid";
+
+export default IconStepBackSolid;

package/src/customeow/default/icon-step-next-solid.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconStepNextSolid = 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-step-next-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M11.138 2.7629C10.826 2.89158 10.6224 3.19578 10.6224 3.53331V6.47582C8.37705 6.66719 6.42389 7.57544 4.79664 9.19214C2.98489 10.9921 1.94519 13.2375 1.67113 15.8873C1.63343 16.2518 1.83827 16.5982 2.17586 16.7407C2.51344 16.8833 2.90454 16.7886 3.13951 16.5074C4.95286 14.3373 6.42667 13.2861 7.5581 13.0507C8.63206 12.8273 9.65235 12.7588 10.6224 12.8386V16.0333C10.6224 16.3749 10.8309 16.6819 11.1484 16.8079C11.4659 16.9339 11.8281 16.8533 12.0623 16.6047L18.1067 10.1875C18.4149 9.8603 18.408 9.34761 18.0912 9.02876L12.0468 2.94593C11.8089 2.7065 11.4501 2.63423 11.138 2.7629Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconStepNextSolid.displayName = "IconStepNextSolid";
+
+export default IconStepNextSolid;

package/src/customeow/default/icon-stock-bicolor-solid.tsx

@@ -0,0 +1,43 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconStockBicolorSolid = 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-stock-bicolor-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          opacity=".5"
+          d="M14.6666 3.33333C15.7711 3.33333 16.6666 4.22876 16.6666 5.33333V10.6667C16.6666 11.6577 15.9457 12.4804 14.9997 12.6391L14.9999 8C14.9999 6.34314 13.6567 4.99999 11.9999 4.99999L7.36084 5.00019C7.51945 4.05419 8.34216 3.33333 9.33322 3.33333H14.6666Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M13.9999 8.00001C13.9999 6.89545 13.1045 6.00002 11.9999 6.00002H5.33325C4.22869 6.00002 3.33325 6.89545 3.33325 8.00001V14.6667C3.33325 15.7713 4.22869 16.6667 5.33325 16.6667H11.9999C13.1045 16.6667 13.9999 15.7713 13.9999 14.6667V8.00001ZM8.22407 8.70907C8.33739 8.55311 8.48486 8.42787 8.66656 8.33334C8.8482 8.42786 8.99568 8.5531 9.10899 8.70907C9.5004 9.24781 9.58385 9.91633 9.39128 10.5038C9.89168 10.1401 10.5533 10.0128 11.1867 10.2186C11.3702 10.2782 11.535 10.3799 11.6808 10.5235C11.6469 10.7254 11.5734 10.9043 11.4601 11.0602C11.0688 11.5989 10.4589 11.8848 9.84071 11.8835C10.3411 12.247 10.6665 12.8368 10.6665 13.5027C10.6665 13.6953 10.6209 13.8831 10.5299 14.0667C10.3272 14.0971 10.1341 14.0824 9.95061 14.0228C9.31791 13.8172 8.85774 13.3262 8.66678 12.7385C8.47541 13.3261 8.01521 13.8172 7.38245 14.0228C7.19975 14.0822 7.00755 14.0969 6.80364 14.0668C6.71223 13.8835 6.66653 13.6955 6.66653 13.5027C6.66653 12.8369 6.99188 12.247 7.49224 11.8848C6.87389 11.8847 6.26418 11.5987 5.87293 11.0602C5.75953 10.9041 5.68596 10.725 5.65259 10.523C5.79855 10.3796 5.96315 10.2781 6.14639 10.2186C6.77974 10.0128 7.44138 10.1401 7.94047 10.5046C7.74921 9.91633 7.83265 9.24781 8.22407 8.70907Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconStockBicolorSolid.displayName = "IconStockBicolorSolid";
+
+export default IconStockBicolorSolid;

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

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconSvgOutline = 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-svg-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3.49777 5.07776C2.71415 5.07776 2.04655 5.32303 1.51476 5.82302L1.51333 5.82438C.98708 6.32677.726162 6.96892.726162 7.7298.726162 8.28587.875189 8.78468 1.1784 9.21632 1.47981 9.6454 1.92403 9.99425 2.49289 10.27L3.6436 10.8334C4.1126 11.0696 4.39465 11.2502 4.52315 11.3748 4.71963 11.5718 4.82671 11.8368 4.82671 12.1967 4.82671 12.5811 4.70006 12.8672 4.45739 13.0825 4.22015 13.2912 3.88165 13.4102 3.41076 13.4102 2.8325 13.4102 2.28057 13.1958 1.74948 12.7434 1.6043 12.5968 1.42207 12.4823 1.20709 12.49.984556 12.498.811295 12.6334.682888 12.7983L.678951 12.8036C.563913 12.9593.491784 13.1363.50075 13.3285.509748 13.5214.598555 13.6901.729234 13.8323L.735449 13.8391.742128 13.8454C1.49888 14.5598 2.38846 14.9223 3.39988 14.9223 4.26942 14.9223 4.99785 14.653 5.56078 14.0997 6.10018 13.5728 6.36727 12.9029 6.36727 12.1108 6.36727 11.444 6.19555 10.8726 5.83348 10.4169 5.55434 10.0563 5.1294 9.7447 4.58066 9.4733L3.43652 8.92007 3.43548 8.91958C3.01289 8.71755 2.74423 8.55504 2.60557 8.43341 2.37714 8.22095 2.26672 7.96729 2.26672 7.65617 2.26672 7.31965 2.37671 7.07433 2.5824 6.89243 2.80067 6.69802 3.09721 6.5899 3.49777 6.5899 3.96878 6.5899 4.40371 6.74546 4.80928 7.06837 4.95006 7.19439 5.12735 7.28723 5.33115 7.26303 5.5348 7.23884 5.69001 7.10629 5.80492 6.95172L5.80643 6.94964C5.91181 6.8049 5.9818 6.63966 5.97555 6.45989 5.96918 6.27675 5.8852 6.11964 5.76181 5.99156L5.75554 5.98504 5.74882 5.97898C5.08902 5.38345 4.33591 5.07776 3.49777 5.07776ZM16.8372 5.07776C15.6858 5.07776 14.738 5.53033 14.0144 6.42564 13.2779 7.33536 12.9235 8.54432 12.9235 10.0246 12.9235 11.4957 13.2702 12.6961 13.9916 13.5977 14.6944 14.4787 15.6289 14.9223 16.7719 14.9223 17.7415 14.9223 18.5611 14.6296 19.2099 14.0316L19.2195 14.0227 19.2281 14.0129C19.4139 13.8034 19.5 13.543 19.5 13.252V10.54C19.5 10.2819 19.4292 10.0466 19.2608 9.86494 19.0976 9.67231 18.8743 9.58145 18.621 9.58145H17.0438C16.8575 9.58145 16.6727 9.63545 16.54 9.78526 16.4125 9.92911 16.3714 10.1186 16.3714 10.3068 16.3714 10.4978 16.4118 10.6893 16.5378 10.8351 16.67 10.9882 16.8554 11.0445 17.0438 11.0445H18.0573V13.0326C17.7881 13.2751 17.4032 13.4102 16.8698 13.4102 16.1095 13.4102 15.5336 13.117 15.1129 12.5261 14.6974 11.9303 14.4749 11.0894 14.4749 9.97551 14.4749 8.88913 14.707 8.06146 15.1428 7.46548 15.5731 6.87712 16.1374 6.5899 16.8589 6.5899 17.3384 6.5899 17.7464 6.74198 18.0953 7.04736 18.2292 7.18087 18.4048 7.2877 18.6143 7.2666 18.8223 7.24565 18.9778 7.10659 19.0905 6.95094 19.1937 6.81362 19.2657 6.65717 19.2688 6.48584 19.272 6.30818 19.2005 6.15233 19.0868 6.024L19.0816 6.01815 19.076 6.01263C18.4555 5.39223 17.7047 5.07776 16.8372 5.07776ZM7.17699 5.24956C6.9312 5.24956 6.67805 5.31516 6.53505 5.537 6.40016 5.74625 6.42198 6.01008 6.49311 6.25574L8.76585 14.3042C8.80094 14.4286 8.86347 14.548 8.96967 14.6359 9.07862 14.726 9.20924 14.7628 9.34147 14.7628H9.74391C9.96318 14.7628 10.1657 14.7024 10.3311 14.5648 10.4935 14.4296 10.5968 14.2386 10.6571 14.0204L12.854 6.24093C12.9215 5.99908 12.9409 5.74053 12.8091 5.53463 12.6686 5.31517 12.4207 5.24956 12.1803 5.24956 11.9927 5.24956 11.8163 5.30235 11.6724 5.42494 11.5317 5.54483 11.4457 5.71135 11.3968 5.89668L10.233 10.3145 10.2326 10.3161C10.153 10.6265 10.0407 11.0597 9.89567 11.6159L9.89513 11.618C9.81898 11.9204 9.7493 12.1937 9.6861 12.4377 9.61749 12.1734 9.5429 11.8759 9.46255 11.5459 9.33205 11.0142 9.2263 10.6026 9.14551 10.3124L7.97197 5.89903C7.92664 5.71197 7.84092 5.54384 7.69652 5.42327 7.54936 5.30041 7.36837 5.24956 7.17699 5.24956Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconSvgOutline.displayName = "IconSvgOutline";
+
+export default IconSvgOutline;

package/src/customeow/default/icon-swatch-minus-solid.tsx

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconSwatchMinusSolid = 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-swatch-minus-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5V15C2 15.7956 2.31607 16.5587 2.87868 17.1213C3.44129 17.6839 4.20435 18 5 18C5.79565 18 6.55871 17.6839 7.12132 17.1213C7.68393 16.5587 8 15.7956 8 15V3.5C8 3.10218 7.84196 2.72064 7.56066 2.43934C7.27936 2.15804 6.89782 2 6.5 2H3.5ZM5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M15.253 8.99 14.2343 10.0087C12.2369 10.1397 10.6397 11.7369 10.5087 13.7343L9.5 14.743V6.257L11.01 4.747C11.1493 4.60761 11.3147 4.49703 11.4968 4.42159 11.6788 4.34615 11.8739 4.30732 12.071 4.30732 12.2681 4.30732 12.4632 4.34615 12.6452 4.42159 12.8273 4.49703 12.9927 4.60761 13.132 4.747L15.253 6.868C15.3924 7.0073 15.503 7.1727 15.5784 7.35475 15.6538 7.5368 15.6927 7.73194 15.6927 7.929 15.6927 8.12606 15.6538 8.3212 15.5784 8.50325 15.503 8.6853 15.3924 8.8507 15.253 8.99ZM18.75 15C18.75 14.5858 18.4142 14.25 18 14.25H12C11.5858 14.25 11.25 14.5858 11.25 15 11.25 15.4142 11.5858 15.75 12 15.75H18C18.4142 15.75 18.75 15.4142 18.75 15Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconSwatchMinusSolid.displayName = "IconSwatchMinusSolid";
+
+export default IconSwatchMinusSolid;

package/src/customeow/default/icon-swatch-plus-solid.tsx

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconSwatchPlusSolid = 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-swatch-plus-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5V15C2 15.7956 2.31607 16.5587 2.87868 17.1213C3.44129 17.6839 4.20435 18 5 18C5.79565 18 6.55871 17.6839 7.12132 17.1213C7.68393 16.5587 8 15.7956 8 15V3.5C8 3.10218 7.84196 2.72064 7.56066 2.43934C7.27936 2.15804 6.89782 2 6.5 2H3.5ZM5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M15.253 8.99 14.2343 10.0087C12.2369 10.1397 10.6397 11.7369 10.5087 13.7343L9.5 14.743V6.257L11.01 4.747C11.1493 4.60761 11.3147 4.49703 11.4968 4.42159 11.6788 4.34615 11.8739 4.30732 12.071 4.30732 12.2681 4.30732 12.4632 4.34615 12.6452 4.42159 12.8273 4.49703 12.9927 4.60761 13.132 4.747L15.253 6.868C15.3924 7.0073 15.503 7.1727 15.5784 7.35475 15.6538 7.5368 15.6927 7.73194 15.6927 7.929 15.6927 8.12606 15.6538 8.3212 15.5784 8.50325 15.503 8.6853 15.3924 8.8507 15.253 8.99ZM15.75 12C15.75 11.5858 15.4142 11.25 15 11.25 14.5858 11.25 14.25 11.5858 14.25 12V14.25H12C11.5858 14.25 11.25 14.5858 11.25 15 11.25 15.4142 11.5858 15.75 12 15.75H14.25V18C14.25 18.4142 14.5858 18.75 15 18.75 15.4142 18.75 15.75 18.4142 15.75 18V15.75H18C18.4142 15.75 18.75 15.4142 18.75 15 18.75 14.5858 18.4142 14.25 18 14.25H15.75V12Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconSwatchPlusSolid.displayName = "IconSwatchPlusSolid";
+
+export default IconSwatchPlusSolid;

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

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconSwatchSolid = 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-swatch-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3.5 2C2.67157 2 2 2.67157 2 3.5V15C2 16.6569 3.34315 18 5 18C6.65685 18 8 16.6569 8 15V3.5C8 2.67157 7.32843 2 6.5 2H3.5ZM5 16C5.55228 16 6 15.5523 6 15C6 14.4477 5.55228 14 5 14C4.44772 14 4 14.4477 4 15C4 15.5523 4.44772 16 5 16Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          d="M15.253 8.98957 9.5 14.7426V6.25731L11.0104 4.74693C11.5962 4.16114 12.5459 4.16114 13.1317 4.74693L15.253 6.86825C15.8388 7.45403 15.8388 8.40378 15.253 8.98957ZM8.36395 18H16.5C17.3284 18 18 17.3284 18 16.5V13.5C18 12.6716 17.3284 12 16.5 12H14.364L8.36395 18Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconSwatchSolid.displayName = "IconSwatchSolid";
+
+export default IconSwatchSolid;

package/src/customeow/default/icon-tag-plus-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTagPlusSolid = 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-tag-plus-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M14.8785 3C15.5415 3 16.1774 3.26339 16.6462 3.73223C17.1151 4.20107 17.3785 4.83696 17.3785 5.5V8.379C17.3783 8.97524 17.1652 9.54948 16.7813 10H14C11.7909 10 10 11.7909 10 14V16.7813C9.80138 16.9505 9.57717 17.0879 9.33533 17.1881C9.03197 17.3138 8.70683 17.3785 8.37847 17.3785C8.05011 17.3785 7.72496 17.3138 7.42161 17.1881C7.11825 17.0624 6.84262 16.8782 6.61047 16.646L3.73247 13.768C3.50025 13.5358 3.31604 13.2602 3.19036 12.9569C3.06468 12.6535 3 12.3284 3 12C3 11.6716 3.06468 11.3465 3.19036 11.0431C3.31604 10.7398 3.50025 10.4642 3.73247 10.232L10.2325 3.732C10.7009 3.26368 11.3361 3.00041 11.9985 3H14.8785ZM14.3785 7C14.1132 7 13.8589 6.89464 13.6714 6.70711C13.4838 6.51957 13.3785 6.26522 13.3785 6C13.3785 5.73478 13.4838 5.48043 13.6714 5.29289C13.8589 5.10536 14.1132 5 14.3785 5C14.6437 5 14.898 5.10536 15.0856 5.29289C15.2731 5.48043 15.3785 5.73478 15.3785 6C15.3785 6.26522 15.2731 6.51957 15.0856 6.70711C14.898 6.89464 14.6437 7 14.3785 7ZM15.75 12C15.75 11.5858 15.4142 11.25 15 11.25C14.5858 11.25 14.25 11.5858 14.25 12V14.25H12C11.5858 14.25 11.25 14.5858 11.25 15C11.25 15.4142 11.5858 15.75 12 15.75H14.25V18C14.25 18.4142 14.5858 18.75 15 18.75C15.4142 18.75 15.75 18.4142 15.75 18V15.75H18C18.4142 15.75 18.75 15.4142 18.75 15C18.75 14.5858 18.4142 14.25 18 14.25H15.75V12Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTagPlusSolid.displayName = "IconTagPlusSolid";
+
+export default IconTagPlusSolid;

package/src/customeow/default/icon-text-align-bottom-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignBottomOutline = 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-outline`,
+    };
+    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.33329V17.0834H16.6666V15.4167ZM15.8333 3.75002C15.8333 3.28979 15.4602 2.91669 15 2.91669H4.99996C4.53972 2.91669 4.16662 3.28979 4.16662 3.75002V5.41669H5.83329V5.00002C5.83329 4.7699 6.01984 4.58335 6.24996 4.58335H9.16662V12.5H7.08329V13.75C7.08329 13.9801 7.26984 14.1667 7.49996 14.1667H12.5C12.73 14.1667 12.9166 13.9801 12.9166 13.75V12.5H10.8333V4.58335H13.75C13.98 4.58335 14.1666 4.7699 14.1666 5.00002V5.41669H15.8333V3.75002Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignBottomOutline.displayName = "IconTextAlignBottomOutline";
+
+export default IconTextAlignBottomOutline;

package/src/customeow/default/icon-text-align-center-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignCenterOutline = 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-center-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2 4.75C2 4.33579 2.33579 4 2.75 4H17.25C17.6642 4 18 4.33579 18 4.75C18 5.16421 17.6642 5.5 17.25 5.5H2.75C2.33579 5.5 2 5.16421 2 4.75ZM5.5 10C5.5 9.58579 5.83579 9.25 6.25 9.25H13.75C14.1642 9.25 14.5 9.58579 14.5 10C14.5 10.4142 14.1642 10.75 13.75 10.75H6.25C5.83579 10.75 5.5 10.4142 5.5 10ZM2 15.25C2 14.8358 2.33579 14.5 2.75 14.5H17.25C17.6642 14.5 18 14.8358 18 15.25C18 15.6642 17.6642 16 17.25 16H2.75C2.33579 16 2 15.6642 2 15.25Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignCenterOutline.displayName = "IconTextAlignCenterOutline";
+
+export default IconTextAlignCenterOutline;

package/src/customeow/default/icon-text-align-left-outline.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignLeftOutline = 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-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2.75 4C2.33579 4 2 4.33579 2 4.75 2 5.16421 2.33579 5.5 2.75 5.5H17.25C17.6642 5.5 18 5.16421 18 4.75 18 4.33579 17.6642 4 17.25 4H2.75ZM2.75 14.5C2.33579 14.5 2 14.8358 2 15.25 2 15.6642 2.33579 16 2.75 16H17.25C17.6642 16 18 15.6642 18 15.25 18 14.8358 17.6642 14.5 17.25 14.5H2.75ZM2.75 9.25C2.33579 9.25 2 9.58579 2 10 2 10.4142 2.33579 10.75 2.75 10.75H10.25C10.6642 10.75 11 10.4142 11 10 11 9.58579 10.6642 9.25 10.25 9.25H2.75Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignLeftOutline.displayName = "IconTextAlignLeftOutline";
+
+export default IconTextAlignLeftOutline;

package/src/customeow/default/icon-text-align-middle-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignMiddleOutline = 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-middle-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M15.8333 4.16659C15.8333 3.70635 15.4602 3.33325 15 3.33325H4.99996C4.53973 3.33325 4.16663 3.70635 4.16663 4.16659V5.83325H5.8333V5.41659C5.8333 5.18647 6.01985 4.99992 6.24996 4.99992H9.16663V14.9999H7.08329V16.2499C7.08329 16.48 7.26985 16.6666 7.49996 16.6666H12.5C12.73 16.6666 12.9166 16.48 12.9166 16.2499V14.9999H10.8333V4.99992H13.75C13.98 4.99992 14.1666 5.18647 14.1666 5.41659V5.83325H15.8333V4.16659ZM7.08329 9.58325V11.2499H2.49996V9.58325H7.08329ZM17.5 9.58325V11.2499H12.9166V9.58325H17.5Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignMiddleOutline.displayName = "IconTextAlignMiddleOutline";
+
+export default IconTextAlignMiddleOutline;

package/src/customeow/default/icon-text-align-right-outline.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignRightOutline = 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-right-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2.75 4C2.33579 4 2 4.33579 2 4.75 2 5.16421 2.33579 5.5 2.75 5.5H17.25C17.6642 5.5 18 5.16421 18 4.75 18 4.33579 17.6642 4 17.25 4H2.75ZM2.75 14.5C2.33579 14.5 2 14.8358 2 15.25 2 15.6642 2.33579 16 2.75 16H17.25C17.6642 16 18 15.6642 18 15.25 18 14.8358 17.6642 14.5 17.25 14.5H2.75ZM9.75 9.25C9.33579 9.25 9 9.58579 9 10 9 10.4142 9.33579 10.75 9.75 10.75H17.25C17.6642 10.75 18 10.4142 18 10 18 9.58579 17.6642 9.25 17.25 9.25H9.75Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignRightOutline.displayName = "IconTextAlignRightOutline";
+
+export default IconTextAlignRightOutline;

package/src/customeow/default/icon-text-align-top-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextAlignTopOutline = 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-top-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M16.6666 2.91675H3.33329V4.58341H16.6666V2.91675ZM15.8333 7.08341C15.8333 6.62318 15.4602 6.25008 15 6.25008H4.99996C4.53972 6.25008 4.16662 6.62318 4.16662 7.08341V8.75008H5.83329V8.33341C5.83329 8.1033 6.01984 7.91675 6.24996 7.91675H9.16662V15.8334H7.08329V17.0834C7.08329 17.3135 7.26984 17.5001 7.49996 17.5001H12.5C12.73 17.5001 12.9166 17.3135 12.9166 17.0834V15.8334H10.8333V7.91675H13.75C13.98 7.91675 14.1666 8.1033 14.1666 8.33341V8.75008H15.8333V7.08341Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextAlignTopOutline.displayName = "IconTextAlignTopOutline";
+
+export default IconTextAlignTopOutline;

package/src/customeow/default/icon-text-bicolor-solid.tsx

@@ -0,0 +1,43 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconTextBicolorSolid = 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-bicolor-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3.33325 6.29167C3.33325 4.81891 4.52716 3.625 5.99992 3.625H11.9999C13.4727 3.625 14.6666 4.81891 14.6666 6.29167V8.29167H13.0008C12.5618 7.23878 11.7193 6.39621 10.6664 5.95709V15.6249L10.6668 14.0573C10.6668 15.0458 11.3329 15.5683 12.6652 15.6249L12.6669 16.9583H5.33358V15.6249C6.64608 15.5692 7.31259 15.062 7.33309 14.1033V5.95696C6.28008 6.39603 5.43743 7.23867 4.99834 8.29167H3.33325V6.29167Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path
+          opacity=".5"
+          d="M15.3125 7.29169V4.95836L15.3647 4.95898C16.8249 4.97638 17.9996 6.16509 17.9996 7.62546V9.62503H16.6462C16.6462 8.64469 16.2016 7.86691 15.3125 7.29169ZM11.3386 13.8714V6.411C11.7779 6.55686 12.1331 6.85045 12.4044 7.29178C12.5268 7.49098 12.6657 7.92148 12.6657 8.20925V8.95123H13.9925V13.7089C13.9925 14.3189 13.9969 14.8024 14.531 15.2248C14.8091 15.4447 15.293 15.5781 15.9828 15.6251V16.9584H13.3291V14.9978C12.9134 14.9773 12.6051 14.9571 12.4044 14.9371C12.1032 14.9072 11.9066 14.8341 11.7442 14.769C11.4381 14.6463 11.3029 14.3471 11.3386 13.8714Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconTextBicolorSolid.displayName = "IconTextBicolorSolid";
+
+export default IconTextBicolorSolid;