@arco-iconbox/react-coze 0.0.1

package/src/IconCozArrowUpFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozArrowUpFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_arrow_up_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 25 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M13.5962 7.11603C13.5945 7.11431 13.5928 7.11261 13.5911 7.1109L12.884 6.40379C12.7132 6.23294 12.4959 6.13683 12.2728 6.11548C12.1682 6.10547 12.0623 6.11188 11.9594 6.13471C11.78 6.17451 11.6094 6.2642 11.4698 6.40379L10.7627 7.1109C10.761 7.11259 10.7593 7.11428 10.7576 7.11597L4.39873 13.4749C4.0082 13.8654 4.0082 14.4986 4.39873 14.8891L5.10583 15.5962C5.49636 15.9867 6.12952 15.9867 6.52005 15.5962L12.1769 9.93935L17.8337 15.5962C18.2242 15.9867 18.8574 15.9867 19.2479 15.5962L19.955 14.8891C20.3456 14.4986 20.3456 13.8654 19.955 13.4749L13.5962 7.11603Z"/></svg>;
+}
+
+const IconCozArrowUpFill = React.forwardRef(IconCozArrowUpFillComponent);
+export default IconCozArrowUpFill;

package/src/IconCozAsynchronousTask/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAsynchronousTaskComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_asynchronous_task${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M19 3H5V21H11.1241C11.4455 21.7357 11.8816 22.4099 12.4097 23H5C3.89543 23 3 22.1046 3 21V3C3 1.89543 3.89543 1 5 1H19C20.1046 1 21 1.89543 21 3V11.1241C20.3733 10.8503 19.702 10.6596 19 10.5661V3Z"/><path d="M8 6.5C7.44772 6.5 7 6.94772 7 7.5 7 8.05228 7.44772 8.5 8 8.5H16C16.5523 8.5 17 8.05228 17 7.5 17 6.94772 16.5523 6.5 16 6.5H8zM8 11C7.44772 11 7 11.4477 7 12 7 12.5523 7.44772 13 8 13H10.5C11.0523 13 11.5 12.5523 11.5 12 11.5 11.4477 11.0523 11 10.5 11H8zM18 15C17.5858 15 17.25 15.3358 17.25 15.75V18.2407C17.2476 18.4358 17.3208 18.6316 17.4696 18.7804L18.8838 20.1946C19.1767 20.4875 19.6516 20.4875 19.9445 20.1946 20.2374 19.9017 20.2374 19.4268 19.9445 19.1339L18.75 17.9395V15.75C18.75 15.3358 18.4142 15 18 15z"/><path fillRule="evenodd" clipRule="evenodd" d="M24 18C24 21.3137 21.3137 24 18 24C14.6863 24 12 21.3137 12 18C12 14.6863 14.6863 12 18 12C21.3137 12 24 14.6863 24 18ZM22 18C22 20.2091 20.2091 22 18 22C15.7909 22 14 20.2091 14 18C14 15.7909 15.7909 14 18 14C20.2091 14 22 15.7909 22 18Z"/></svg>;
+}
+
+const IconCozAsynchronousTask = React.forwardRef(IconCozAsynchronousTaskComponent);
+export default IconCozAsynchronousTask;

package/src/IconCozAt/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAtComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_at${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M18.75 16C17.7219 16 16.7904 15.5587 16.113 14.8439C15.2104 16.1467 13.7049 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.1046 17.7835 14 18.75 14C20.2623 14 20.5256 12 20.5256 12C20.6058 11.4522 20.6644 11.0965 20.6644 10.4317C20.6644 6.99671 17.1639 3 12 3C6.83614 3 3.01963 6.83614 3.01963 12C3.01963 17.1639 6.83614 21.0109 12 21.0109C13.8072 21.0109 15.4873 20.3764 16.9161 19.4664C17.175 19.3015 17.5029 19.2852 17.7691 19.4382C17.7837 19.4466 17.7975 19.4545 17.8103 19.4619C18.0331 19.5899 18.334 19.763 18.7132 19.981C18.7162 19.9827 18.7192 19.9844 18.7223 19.9862C18.9737 20.1308 19.0083 20.4837 18.7801 20.6626C16.9118 22.127 14.5578 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 22.6569 5.26486 22.6569 10.4317C22.6569 10.6885 22.671 10.9539 22.5206 12.2257C22.2958 14.3265 20.7497 16 18.75 16ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"/></svg>;
+}
+
+const IconCozAt = React.forwardRef(IconCozAtComponent);
+export default IconCozAt;

package/src/IconCozAttribute/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAttributeComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_attribute${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M12 5.00003C12.8284 5.00003 13.5 4.32846 13.5 3.50003 13.5 2.6716 12.8284 2.00003 12 2.00003 11.1716 2.00003 10.5 2.6716 10.5 3.50003 10.5 4.32846 11.1716 5.00003 12 5.00003zM10.5 6.50003C9.94771 6.50003 9.5 6.94775 9.5 7.50003 9.5 8.05232 9.94771 8.50003 10.5 8.50003H11V19.5H10C9.44771 19.5 9 19.9477 9 20.5 9 21.0523 9.44771 21.5 10 21.5H14C14.5523 21.5 15 21.0523 15 20.5 15 19.9477 14.5523 19.5 14 19.5H13V7.50003C13 6.94775 12.5523 6.50003 12 6.50003H10.5zM24.0003 12.4934C24.0017 12.6656 23.9585 12.8404 23.8662 13.0002L19.8662 19.9285C19.5901 20.4067 18.9785 20.5706 18.5002 20.2945 18.0219 20.0183 17.858 19.4067 18.1342 18.9285L21.8456 12.5001 18.1341 6.07171C17.858 5.59342 18.0219 4.98183 18.5002 4.70569 18.9785 4.42954 19.59 4.59342 19.8662 5.07171L23.8635 11.9952 23.8733 12.0124C23.9584 12.1647 23.9994 12.33 24.0003 12.4934zM.134142 13.0002C.041828 12.8403-.00131164 12.6655.0000303493 12.4933.00094371 12.33.0419606 12.1646.127082 12.0123L.136894 11.9951 4.13416 5.07166C4.4103 4.59336 5.02189 4.42949 5.50018 4.70563 5.97847 4.98177 6.14235 5.59336 5.86621 6.07166L2.15478 12.5 5.86619 18.9284C6.14233 19.4067 5.97846 20.0183 5.50017 20.2944 5.02187 20.5706 4.41028 20.4067 4.13414 19.9284L.134142 13.0002z"/></svg>;
+}
+
+const IconCozAttribute = React.forwardRef(IconCozAttributeComponent);
+export default IconCozAttribute;

package/src/IconCozAutoHeight/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAutoHeightComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_auto_height${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M2 2.99829C2 2.44601 2.44772 1.99829 3 1.99829 3.55229 1.99829 4 2.44601 4 2.99829V20.9983C4 21.5506 3.55229 21.9983 3 21.9983 2.44772 21.9983 2 21.5506 2 20.9983L2 2.99829zM20 2.99829C20 2.44601 20.4477 1.99829 21 1.99829 21.5523 1.99829 22 2.44601 22 2.99829V20.9983C22 21.5506 21.5523 21.9983 21 21.9983 20.4477 21.9983 20 21.5506 20 20.9983V2.99829zM6.5 10.9983C5.94772 10.9983 5.5 11.446 5.5 11.9983 5.5 12.5506 5.94772 12.9983 6.5 12.9983H17.5C18.0523 12.9983 18.5 12.5506 18.5 11.9983 18.5 11.446 18.0523 10.9983 17.5 10.9983H6.5zM5.5 7.5C5.5 6.94772 5.94772 6.5 6.5 6.5L17.5 6.5C18.0523 6.5 18.5 6.94772 18.5 7.5 18.5 8.05229 18.0523 8.5 17.5 8.5L6.5 8.5C5.94772 8.5 5.5 8.05229 5.5 7.5zM6.5 15.5C5.94772 15.5 5.5 15.9477 5.5 16.5 5.5 17.0523 5.94772 17.5 6.5 17.5H12.5C13.0523 17.5 13.5 17.0523 13.5 16.5 13.5 15.9477 13.0523 15.5 12.5 15.5H6.5z"/></svg>;
+}
+
+const IconCozAutoHeight = React.forwardRef(IconCozAutoHeightComponent);
+export default IconCozAutoHeight;

package/src/IconCozAutoLayout/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAutoLayoutComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_auto_layout${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M3 2C2.44772 2 2 2.44771 2 3V12C2 12.5523 2.44772 13 3 13H10C10.5523 13 11 12.5523 11 12V3C11 2.44772 10.5523 2 10 2H3zM4 11V4H9V11H4zM21 22C21.5523 22 22 21.5523 22 21V12C22 11.4477 21.5523 11 21 11H14C13.4477 11 13 11.4477 13 12V21C13 21.5523 13.4477 22 14 22H21zM20 13V20H15V13H20zM2 16C2 15.4477 2.44772 15 3 15H10C10.5523 15 11 15.4477 11 16V21C11 21.5523 10.5523 22 10 22H3C2.44772 22 2 21.5523 2 21V16zM4 20V17H9V20H4zM21 9C21.5523 9 22 8.55228 22 8V3C22 2.44772 21.5523 2 21 2H14C13.4477 2 13 2.44772 13 3V8C13 8.55228 13.4477 9 14 9H21zM20 4V7H15V4H20z"/></svg>;
+}
+
+const IconCozAutoLayout = React.forwardRef(IconCozAutoLayoutComponent);
+export default IconCozAutoLayout;

package/src/IconCozAutoLayoutFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAutoLayoutFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_auto_layout_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M3 2C2.44772 2 2 2.44771 2 3V12C2 12.5523 2.44772 13 3 13H10C10.5523 13 11 12.5523 11 12V3C11 2.44772 10.5523 2 10 2H3zM21 22C21.5523 22 22 21.5523 22 21V12C22 11.4477 21.5523 11 21 11H14C13.4477 11 13 11.4477 13 12V21C13 21.5523 13.4477 22 14 22H21zM2 16C2 15.4477 2.44772 15 3 15H10C10.5523 15 11 15.4477 11 16V21C11 21.5523 10.5523 22 10 22H3C2.44772 22 2 21.5523 2 21V16zM21 9C21.5523 9 22 8.55228 22 8V3C22 2.44772 21.5523 2 21 2H14C13.4477 2 13 2.44772 13 3V8C13 8.55228 13.4477 9 14 9H21z"/></svg>;
+}
+
+const IconCozAutoLayoutFill = React.forwardRef(IconCozAutoLayoutFillComponent);
+export default IconCozAutoLayoutFill;

package/src/IconCozAutoView/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAutoViewComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_auto_view${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M4 2C2.89543 2 2 2.89543 2 4V8C2 8.55228 2.44772 9 3 9 3.55228 9 4 8.55228 4 8V4L8 4C8.55228 4 9 3.55228 9 3 9 2.44772 8.55228 2 8 2H4zM20 22C21.1046 22 22 21.1046 22 20V16C22 15.4477 21.5523 15 21 15 20.4477 15 20 15.4477 20 16V20H16C15.4477 20 15 20.4477 15 21 15 21.5523 15.4477 22 16 22H20zM22 4C22 2.89543 21.1046 2 20 2H16C15.4477 2 15 2.44772 15 3 15 3.55228 15.4477 4 16 4L20 4V8C20 8.55228 20.4477 9 21 9 21.5523 9 22 8.55228 22 8V4zM4 22C2.89543 22 2 21.1046 2 20V16C2 15.4477 2.44772 15 3 15 3.55228 15 4 15.4477 4 16V20H8C8.55228 20 9 20.4477 9 21 9 21.5523 8.55228 22 8 22H4z"/><path fillRule="evenodd" clipRule="evenodd" d="M8 6C6.89543 6 6 6.89543 6 8V16C6 17.1046 6.89543 18 8 18H16C17.1046 18 18 17.1046 18 16V8C18 6.89543 17.1046 6 16 6H8ZM8 8H16V16H8V8Z"/></svg>;
+}
+
+const IconCozAutoView = React.forwardRef(IconCozAutoViewComponent);
+export default IconCozAutoView;

package/src/IconCozAutoWidth/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozAutoWidthComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_auto_width${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M1.30788 12.7931C1.30284 12.7883 1.29785 12.7834 1.29289 12.7785C0.908471 12.394 0.902464 11.7745 1.27487 11.3827C1.28078 11.3765 1.28679 11.3703 1.29289 11.3642C1.29284 11.3643 1.29294 11.3642 1.29289 11.3642C1.29339 11.3637 1.29404 11.3631 1.29454 11.3626L4.12132 8.53581C4.51184 8.14529 5.14501 8.14529 5.53553 8.53581C5.92606 8.92634 5.92606 9.5595 5.53553 9.95003L4.48535 11.0002L19.5132 11.0002L18.463 9.95003C18.0725 9.5595 18.0725 8.92634 18.463 8.53581C18.8535 8.14529 19.4867 8.14529 19.8772 8.53581L22.4467 11.1053C22.7747 11.2693 23 11.6085 23 12.0002C23 12.0192 22.9995 12.0381 22.9984 12.0569C23.0022 12.3176 22.9046 12.5795 22.7056 12.7785C22.6994 12.7847 22.693 12.7909 22.6866 12.797L19.8771 15.6065C19.4865 15.9971 18.8534 15.9971 18.4629 15.6065C18.0723 15.216 18.0723 14.5829 18.4629 14.1923L19.655 13.0002L4.34338 13.0002L5.53568 14.1925C5.92621 14.583 5.92621 15.2162 5.53568 15.6067C5.14516 15.9973 4.51199 15.9973 4.12147 15.6067L1.30788 12.7931Z"/></svg>;
+}
+
+const IconCozAutoWidth = React.forwardRef(IconCozAutoWidthComponent);
+export default IconCozAutoWidth;

package/src/IconCozBachelorCapFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBachelorCapFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bachelor_cap_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M19.5 11.5708V18.5182C19.5 20.9271 15.0159 22.5503 12 22.5503C8.98405 22.5503 4.5 20.9271 4.5 18.5182V11.4L10.8562 14.7451C11.5722 15.1121 12.421 15.1121 13.1369 14.7451L19.5 11.5708Z"/><path d="M0.867636 7.14389C0.505058 7.32973 0.505059 7.84796 0.867637 8.0338L1.00033 8.10181V13.8789C1.00033 14.4312 1.44805 14.8789 2.00033 14.8789C2.55262 14.8789 3.00033 14.4312 3.00033 13.8789V9.12693L11.7714 13.6226C11.9146 13.696 12.0844 13.696 12.2276 13.6226L23.1314 8.0338C23.4939 7.84796 23.4939 7.32973 23.1314 7.14389L12.2276 1.55504C12.0844 1.48165 11.9146 1.48165 11.7714 1.55504L0.867636 7.14389Z"/></svg>;
+}
+
+const IconCozBachelorCapFill = React.forwardRef(IconCozBachelorCapFillComponent);
+export default IconCozBachelorCapFill;

package/src/IconCozBadge/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBadgeComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_badge${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M20 8C21.6569 8 23 6.65685 23 5C23 3.34315 21.6569 2 20 2C18.3431 2 17 3.34315 17 5C17 6.65685 18.3431 8 20 8Z"/><path d="M3 3H15.9678C15.6684 3.60248 15.5 4.28158 15.5 5H3V19H21V9.38849C21.7569 9.21675 22.4413 8.85423 23 8.35416V19C23 20.1046 22.1046 21 21 21H3C1.89543 21 1 20.1046 1 19V5C1 3.89543 1.89543 3 3 3Z"/></svg>;
+}
+
+const IconCozBadge = React.forwardRef(IconCozBadgeComponent);
+export default IconCozBadge;

package/src/IconCozBan/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBanComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_ban${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M0.667969 7.99984C0.667969 12.0499 3.95121 15.3332 8.0013 15.3332C12.0514 15.3332 15.3346 12.0499 15.3346 7.99984C15.3346 3.94975 12.0514 0.666504 8.0013 0.666504C3.95121 0.666504 0.667969 3.94975 0.667969 7.99984ZM11.7463 12.6879C10.7199 13.5089 9.41792 13.9998 8.0013 13.9998C4.68759 13.9998 2.0013 11.3135 2.0013 7.99984C2.0013 6.58322 2.49224 5.28127 3.31327 4.25484L11.7463 12.6879ZM12.6891 11.7451L4.25605 3.312C5.28252 2.49086 6.58457 1.99984 8.0013 1.99984C11.315 1.99984 14.0013 4.68613 14.0013 7.99984C14.0013 9.41657 13.5103 10.7186 12.6891 11.7451Z"/></svg>;
+}
+
+const IconCozBan = React.forwardRef(IconCozBanComponent);
+export default IconCozBan;

package/src/IconCozBanner/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBannerComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_banner${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M5.5 15.5C4.94772 15.5 4.5 15.9477 4.5 16.5 4.5 17.0523 4.94772 17.5 5.5 17.5H11.5C12.0523 17.5 12.5 17.0523 12.5 16.5 12.5 15.9477 12.0523 15.5 11.5 15.5H5.5zM14 16.5C14 15.9477 14.4477 15.5 15 15.5 15.5523 15.5 16 15.9477 16 16.5 16 17.0523 15.5523 17.5 15 17.5 14.4477 17.5 14 17.0523 14 16.5zM18.5 15.5C17.9477 15.5 17.5 15.9477 17.5 16.5 17.5 17.0523 17.9477 17.5 18.5 17.5 19.0523 17.5 19.5 17.0523 19.5 16.5 19.5 15.9477 19.0523 15.5 18.5 15.5z"/><path fillRule="evenodd" clipRule="evenodd" d="M1 5C1 3.89543 1.89543 3 3 3H21C22.1046 3 23 3.89543 23 5V19C23 20.1046 22.1046 21 21 21H3C1.89543 21 1 20.1046 1 19V5ZM3 5H21V19H3V5Z"/></svg>;
+}
+
+const IconCozBanner = React.forwardRef(IconCozBannerComponent);
+export default IconCozBanner;

package/src/IconCozBasicFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBasicFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_basic_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M6.5 11C8.98528 11 11 8.98528 11 6.5 11 4.01472 8.98528 2 6.5 2 4.01472 2 2 4.01472 2 6.5 2 8.98528 4.01472 11 6.5 11zM17.5 22C19.9853 22 22 19.9853 22 17.5 22 15.0147 19.9853 13 17.5 13 15.0147 13 13 15.0147 13 17.5 13 19.9853 15.0147 22 17.5 22zM15.9262 2.62069C16.4035 1.7931 17.5965 1.7931 18.0738 2.62069L21.832 9.13793C22.3093 9.96552 21.7127 11 20.7583 11H13.2418C12.2873 11 11.6907 9.96552 12.168 9.13793L15.9262 2.62069zM3 13C2.44772 13 2 13.4477 2 14V21C2 21.5523 2.44772 22 3 22H10C10.5523 22 11 21.5523 11 21V14C11 13.4477 10.5523 13 10 13H3z"/></svg>;
+}
+
+const IconCozBasicFill = React.forwardRef(IconCozBasicFillComponent);
+export default IconCozBasicFill;

package/src/IconCozBattle/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBattleComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_battle${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M2.44869 2.19388C2.30734 2.19151 2.19215 2.30671 2.19452 2.44805L2.26816 6.82842C2.27033 6.95811 2.32282 7.08186 2.41453 7.17357L14.7089 19.468L14.4733 19.7036C14.2781 19.8988 14.2781 20.2154 14.4733 20.4107L15.1804 21.1178C15.3757 21.313 15.6923 21.313 15.8875 21.1178L17.7956 19.2097L18.7258 20.1399C18.6194 20.6993 18.7827 21.2998 19.2156 21.7327C19.9107 22.4278 21.0376 22.4278 21.7327 21.7327C22.4277 21.0377 22.4277 19.9107 21.7327 19.2157C21.2998 18.7828 20.6994 18.6195 20.1401 18.7258L19.2098 17.7955L21.1178 15.8875C21.3131 15.6923 21.3131 15.3757 21.1178 15.1804L20.4107 14.4733C20.2154 14.278 19.8988 14.278 19.7036 14.4733L19.4686 14.7083L7.17421 2.41389C7.0825 2.32218 6.95874 2.2697 6.82906 2.26752L2.44869 2.19388ZM5.98676 4.25364C6.11644 4.25582 6.2402 4.3083 6.33191 4.40002L18.0542 16.1223L16.1229 18.0535L4.40066 6.33127C4.30894 6.23956 4.25646 6.1158 4.25428 5.98612L4.229 4.48253C4.22663 4.34119 4.34183 4.22599 4.48317 4.22837L5.98676 4.25364Z"/><path d="M22.212 2.48698C22.2144 2.34564 22.0992 2.23044 21.9578 2.23282L17.5775 2.30645C17.4478 2.30863 17.324 2.36111 17.2323 2.45283L13.6418 6.04335 15.056 7.45757 18.0746 4.43895C18.1663 4.34724 18.2901 4.29475 18.4198 4.29257L19.9234 4.2673C20.0647 4.26492 20.1799 4.38012 20.1775 4.52147L20.1523 6.02506C20.1501 6.15474 20.0976 6.27849 20.0059 6.37021L16.9873 9.38882 18.4015 10.803 21.992 7.21251C22.0837 7.1208 22.1362 6.99704 22.1384 6.86736L22.212 2.48698zM4.93793 14.7472L6.0337 13.6514 7.44792 15.0657 6.35238 16.1612 8.28363 18.0925 9.37917 16.9969 10.7934 18.4111 9.69761 19.5069 9.9332 19.7425C10.1285 19.9378 10.1285 20.2543 9.9332 20.4496L9.2261 21.1567C9.03084 21.352 8.71425 21.352 8.51899 21.1567L6.61093 19.2487 5.68073 20.1789C5.78714 20.7382 5.62388 21.3387 5.19092 21.7717 4.49586 22.4667 3.36894 22.4667 2.67388 21.7717 1.97882 21.0766 1.97882 19.9497 2.67388 19.2546 3.10677 18.8217 3.70715 18.6584 4.2664 18.7648L5.19672 17.8344 3.28874 15.9265C3.09347 15.7312 3.09347 15.4146 3.28874 15.2193L3.99584 14.5122C4.1911 14.317 4.50769 14.317 4.70295 14.5122L4.93793 14.7472z"/></svg>;
+}
+
+const IconCozBattle = React.forwardRef(IconCozBattleComponent);
+export default IconCozBattle;

package/src/IconCozBattleFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBattleFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_battle_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M2.44869 2.19388C2.30734 2.19151 2.19215 2.30671 2.19452 2.44805L2.26816 6.82842C2.27033 6.95811 2.32282 7.08186 2.41453 7.17357L14.7089 19.468 14.4733 19.7036C14.2781 19.8988 14.2781 20.2154 14.4733 20.4107L15.1804 21.1178C15.3757 21.313 15.6923 21.313 15.8875 21.1178L17.7956 19.2097 18.7258 20.1399C18.6194 20.6993 18.7827 21.2998 19.2156 21.7327 19.9107 22.4278 21.0376 22.4278 21.7327 21.7327 22.4277 21.0377 22.4277 19.9107 21.7327 19.2157 21.2998 18.7828 20.6994 18.6195 20.1401 18.7258L19.2098 17.7955 21.1178 15.8875C21.3131 15.6923 21.3131 15.3757 21.1178 15.1804L20.4107 14.4733C20.2154 14.278 19.8988 14.278 19.7036 14.4733L19.4686 14.7083 7.17421 2.41389C7.0825 2.32218 6.95874 2.2697 6.82906 2.26752L2.44869 2.19388zM22.212 2.48698C22.2144 2.34564 22.0992 2.23044 21.9578 2.23282L17.5775 2.30645C17.4478 2.30863 17.324 2.36111 17.2323 2.45283L13.6418 6.04335 18.4015 10.803 21.992 7.21251C22.0837 7.1208 22.1362 6.99704 22.1384 6.86736L22.212 2.48698zM4.93793 14.7472L6.0337 13.6514 10.7934 18.4111 9.69761 19.5069 9.9332 19.7425C10.1285 19.9378 10.1285 20.2543 9.9332 20.4496L9.2261 21.1567C9.03083 21.352 8.71425 21.352 8.51899 21.1567L6.61093 19.2487 5.68073 20.1789C5.78714 20.7382 5.62388 21.3387 5.19092 21.7717 4.49586 22.4667 3.36894 22.4667 2.67388 21.7717 1.97882 21.0766 1.97882 19.9497 2.67388 19.2546 3.10677 18.8217 3.70715 18.6584 4.2664 18.7648L5.19672 17.8344 3.28874 15.9265C3.09347 15.7312 3.09347 15.4146 3.28874 15.2193L3.99584 14.5122C4.1911 14.317 4.50769 14.317 4.70295 14.5122L4.93793 14.7472z"/></svg>;
+}
+
+const IconCozBattleFill = React.forwardRef(IconCozBattleFillComponent);
+export default IconCozBattleFill;

package/src/IconCozBeautyEnhance/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBeautyEnhanceComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_beauty_enhance${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M4.92298 4.6743C4.46713 4.52235 4.46713 3.87756 4.92298 3.72561L5.73325 3.45552C6.33046 3.25645 6.7991 2.78782 6.99817 2.19061L7.26826 1.38034C7.42021.92449 8.06499.92449 8.21694 1.38034L8.48703 2.19061C8.6861 2.78782 9.15473 3.25645 9.75194 3.45552L10.5622 3.72561C11.0181 3.87756 11.0181 4.52235 10.5622 4.6743L9.75194 4.94439C9.15473 5.14346 8.6861 5.61209 8.48703 6.2093L8.21694 7.01957C8.06499 7.47542 7.42021 7.47542 7.26826 7.01957L6.99817 6.2093C6.7991 5.61209 6.33046 5.14346 5.73325 4.94439L4.92298 4.6743zM2.63838 9.4489C2.2737 9.57046 2.2737 10.0863 2.63838 10.2078L3.14694 10.3774C3.44554 10.4769 3.67986 10.7112 3.77939 11.0098L3.94891 11.5184C4.07047 11.8831 4.5863 11.8831 4.70786 11.5184L4.87738 11.0098C4.97691 10.7112 5.21123 10.4769 5.50983 10.3774L6.01839 10.2078C6.38307 10.0863 6.38307 9.57046 6.01839 9.4489L5.50983 9.27938C5.21123 9.17984 4.97691 8.94553 4.87738 8.64692L4.70786 8.13836C4.5863 7.77369 4.07047 7.77369 3.94891 8.13836L3.77939 8.64692C3.67986 8.94553 3.44554 9.17984 3.14694 9.27938L2.63838 9.4489zM10.9957 9.80244L17.9176 13.7988C18.3873 12.8598 18.0493 11.7056 17.128 11.1737L13.6639 9.17368C12.7426 8.64177 11.574 8.92616 10.9957 9.80244zM16.9208 15.5327L9.99255 11.5327 6.10392 18.268C5.55163 19.2246 5.87938 20.4478 6.83597 21L10.3001 23C11.2567 23.5523 12.4798 23.2246 13.0321 22.268L16.9208 15.5327zM19.541 1.88123C16.3988 2.51757 14.5832 5.58277 13.9488 7.32696L18.3792 9.88485 18.4125 9.90102C19.1212 8.91971 19.5025 8.26877 20.4477 6.3756 20.8541 4.43861 20.0254 2.41975 19.541 1.88123z"/></svg>;
+}
+
+const IconCozBeautyEnhance = React.forwardRef(IconCozBeautyEnhanceComponent);
+export default IconCozBeautyEnhance;

package/src/IconCozBell/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBellComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bell${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M10.0001 3.17618V2.91602C10.0001 2.36602 10.4501 1.91602 11.0001 1.91602H13.0001C13.5501 1.91602 14.0001 2.36602 14.0001 2.91602V3.17618C17.4505 4.09291 20.0001 7.32615 20.0001 11.1741L20 17.5375H21C21.5523 17.5375 22 17.9852 22 18.5375C22 19.0898 21.5523 19.5375 21 19.5375H3C2.44772 19.5375 2.00001 19.0898 2 18.5376C1.99999 17.9853 2.44771 17.5375 3 17.5375H3.99998L4.00007 11.1741C4.00007 7.32615 6.54962 4.09291 10.0001 3.17618ZM5.99998 17.5375H18L18.0001 11.1769C18.0001 7.7191 15.3138 4.91602 12.0001 4.91602C8.68636 4.91602 6.00007 7.7191 6.00007 11.1769L5.99998 17.5375ZM8.75012 22.0375C8.75012 21.4852 9.19784 21.0375 9.75012 21.0375H14.2501C14.8024 21.0375 15.2501 21.4852 15.2501 22.0375C15.2501 22.5898 14.8024 23.0375 14.2501 23.0375H9.75012C9.19784 23.0375 8.75012 22.5898 8.75012 22.0375Z"/></svg>;
+}
+
+const IconCozBell = React.forwardRef(IconCozBellComponent);
+export default IconCozBell;

package/src/IconCozBellFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBellFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bell_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M10.0001 3.17618V2.91602C10.0001 2.36602 10.4501 1.91602 11.0001 1.91602H13.0001C13.5501 1.91602 14.0001 2.36602 14.0001 2.91602V3.17618C17.4505 4.09291 20.0001 7.32615 20.0001 11.1741L20 17.5375H21C21.5523 17.5375 22 17.9852 22 18.5375C22 19.0898 21.5523 19.5375 21 19.5375H3C2.44772 19.5375 2.00001 19.0898 2 18.5376C1.99999 17.9853 2.44771 17.5375 3 17.5375H3.99998L4.00007 11.1741C4.00007 7.32615 6.54962 4.09291 10.0001 3.17618ZM8.75012 22.0375C8.75012 21.4853 9.19784 21.0375 9.75012 21.0375H14.2501C14.8024 21.0375 15.2501 21.4853 15.2501 22.0375C15.2501 22.5898 14.8024 23.0375 14.2501 23.0375H9.75012C9.19784 23.0375 8.75012 22.5898 8.75012 22.0375Z"/></svg>;
+}
+
+const IconCozBellFill = React.forwardRef(IconCozBellFillComponent);
+export default IconCozBellFill;

package/src/IconCozBellSlash/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBellSlashComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bell_slash${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M3.21736 1.70329C2.82683 1.31277 2.19367 1.31277 1.80314 1.7033 1.41262 2.09382 1.41262 2.72699 1.80315 3.11751L20.8943 22.2085C21.2848 22.5991 21.918 22.5991 22.3085 22.2085 22.699 21.818 22.699 21.1848 22.3085 20.7943L3.21736 1.70329zM4.00007 11.1741C4.00007 10.0625 4.21283 9.00222 4.5986 8.03426L6.18652 9.62216C6.06478 10.1193 6.00007 10.6402 6.00007 11.1769L5.99998 17.5375H14.1019L16.102 19.5375H3C2.44772 19.5375 2.00001 19.0898 2 18.5376 1.99999 17.9853 2.44771 17.5375 3 17.5375H3.99998L4.00007 11.1741zM18.0001 11.1769L18 14.3645 20 16.3645 20.0001 11.1741C20.0001 7.32615 17.4505 4.09291 14.0001 3.17618V2.91602C14.0001 2.36602 13.5501 1.91602 13.0001 1.91602H11.0001C10.4501 1.91602 10.0001 2.36602 10.0001 2.91602V3.17618C9.20855 3.38648 8.46444 3.71867 7.78763 4.15222L9.24762 5.6122C10.072 5.1673 11.0079 4.91602 12.0001 4.91602 15.3138 4.91602 18.0001 7.7191 18.0001 11.1769zM8.75012 22.0375C8.75012 21.4853 9.19784 21.0375 9.75012 21.0375H14.2501C14.8024 21.0375 15.2501 21.4853 15.2501 22.0375 15.2501 22.5898 14.8024 23.0375 14.2501 23.0375H9.75012C9.19784 23.0375 8.75012 22.5898 8.75012 22.0375z"/></svg>;
+}
+
+const IconCozBellSlash = React.forwardRef(IconCozBellSlashComponent);
+export default IconCozBellSlash;

package/src/IconCozBellSlashFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBellSlashFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bell_slash_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M3.21736 1.70329C2.82683 1.31277 2.19367 1.31277 1.80314 1.7033 1.41262 2.09382 1.41262 2.72699 1.80315 3.11751L20.8943 22.2085C21.2848 22.5991 21.918 22.5991 22.3085 22.2085 22.699 21.818 22.699 21.1848 22.3085 20.7943L3.21736 1.70329zM4.00007 11.1741C4.00007 10.0625 4.21283 9.00222 4.5986 8.03426 9.39671 12.8323 10.9691 14.4047 16.102 19.5375H3C2.44772 19.5375 2.00001 19.0898 2 18.5376 1.99999 17.9853 2.44771 17.5375 3 17.5375H3.99998L4.00007 11.1741zM20 16.3645L20.0001 11.1741C20.0001 7.32615 17.4505 4.09291 14.0001 3.17618V2.91602C14.0001 2.36602 13.5501 1.91602 13.0001 1.91602H11.0001C10.4501 1.91602 10.0001 2.36602 10.0001 2.91602V3.17618C9.20855 3.38648 8.46444 3.71867 7.78763 4.15222 11.5173 7.88191 15.5943 11.9588 20 16.3645zM8.75012 22.0375C8.75012 21.4853 9.19784 21.0375 9.75012 21.0375H14.2501C14.8024 21.0375 15.2501 21.4853 15.2501 22.0375 15.2501 22.5898 14.8024 23.0375 14.2501 23.0375H9.75012C9.19784 23.0375 8.75012 22.5898 8.75012 22.0375z"/></svg>;
+}
+
+const IconCozBellSlashFill = React.forwardRef(IconCozBellSlashFillComponent);
+export default IconCozBellSlashFill;

package/src/IconCozBgRemoveFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBgRemoveFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bg_remove_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M20 8C22.2091 8 24 6.20914 24 4C24 1.79086 22.2091 0 20 0C17.7909 0 16 1.79086 16 4C16 6.20914 17.7909 8 20 8ZM18.5878 3.29386C18.3278 3.29386 18.117 3.50463 18.117 3.76462V4.23538C18.117 4.49537 18.3278 4.70614 18.5878 4.70614H21.4123C21.6723 4.70614 21.8831 4.49537 21.8831 4.23538V3.76462C21.8831 3.50463 21.6723 3.29386 21.4123 3.29386H18.5878Z"/><path d="M11.0598 7.24505C11.3363 6.70315 12.1106 6.70315 12.3872 7.24505L13.6596 9.73846C13.7679 9.95061 13.9711 10.0982 14.2063 10.1356L16.9709 10.5753C17.5717 10.6709 17.811 11.4073 17.3811 11.8378L15.4029 13.8185C15.2346 13.987 15.157 14.2258 15.1941 14.4611L15.6303 17.2263C15.7251 17.8272 15.0986 18.2823 14.5564 18.0065L12.0613 16.7372C11.849 16.6292 11.5979 16.6292 11.3856 16.7372L8.89057 18.0065C8.34831 18.2823 7.72188 17.8272 7.81667 17.2262L8.25281 14.4611C8.28992 14.2258 8.21232 13.987 8.044 13.8185L6.06585 11.8378C5.63592 11.4073 5.8752 10.6709 6.47604 10.5753L9.24062 10.1356C9.47585 10.0982 9.67902 9.95061 9.78729 9.73846L11.0598 7.24505zM14.7515 4.24847C14.7515 4.19369 14.7524 4.13911 14.7542 4.08475L13.4201 5.41877C13.7185 5.65335 13.9761 5.95907 14.1685 6.33593L14.7308 7.43784 15.4203 6.74832C14.995 6.01292 14.7515 5.15913 14.7515 4.24847zM17.2884 8.60071C16.9544 8.41127 16.6444 8.18449 16.3639 7.92604L15.9087 8.38127 17.2884 8.60071zM18.507 9.11269C18.4929 9.10207 18.4787 9.09158 18.4643 9.08122 18.4839 9.08643 18.5035 9.09152 18.5232 9.09649L18.507 9.11269zM20.5571 9.18391C20.9645 9.11793 21.3553 9.00274 21.7234 8.84462V11.3474L17.4082 15.6626 17.269 14.7801 18.7961 13.2511C19.6278 12.4182 19.7797 11.2746 19.4158 10.3252L20.5571 9.18391zM5.47287 2.46387L1.72339 6.21335V9.54311L8.80263 2.46387H5.47287zM1.76649 4.04893C1.92928 3.27735 2.53687 2.66976 3.30845 2.50697L1.76649 4.04893zM1.72339 11.6644V14.9942L4.1482 12.5694C3.32374 10.9876 4.24155 8.90554 6.16177 8.60014L8.29591 8.26073 9.2782 6.33593C9.81421 5.2856 10.8578 4.78786 11.8749 4.8427L14.2537 2.46387H10.924L1.72339 11.6644zM5.11891 13.72L1.72339 17.1155V20.4453L5.95088 16.2178 6.17764 14.7801 5.11891 13.72zM5.97828 18.3117L2.36146 21.9285C2.71853 22.2607 3.19723 22.4639 3.72339 22.4639H5.15585L7.67388 19.9458C6.90738 19.6827 6.27078 19.0861 5.97828 18.3117zM10.1121 19.6289L7.27717 22.4639H10.607L13.4057 19.6651 11.7233 18.8093 10.1121 19.6289zM15.1075 20.0847C16.4091 19.9809 17.5345 18.933 17.6339 17.5583L21.7234 13.4688V16.7985L16.058 22.4639H12.7283L15.1075 20.0847zM18.1793 22.4639L21.7234 18.9198V20.4639C21.7234 21.5684 20.828 22.4639 19.7234 22.4639H18.1793z"/></svg>;
+}
+
+const IconCozBgRemoveFill = React.forwardRef(IconCozBgRemoveFillComponent);
+export default IconCozBgRemoveFill;

package/src/IconCozBgReplaceFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBgReplaceFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bg_replace_fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M2 5.74948L5.74948 2H9.07924L2 9.07924V5.74948zM2.0431 3.58507C2.20589 2.81348 2.81348 2.20589 3.58507 2.0431L2.0431 3.58507zM2 14.5303V11.2006L11.2006 2H14.5303L12.1515 4.37884C11.1344 4.324 10.0908 4.82174 9.55481 5.87206L8.57252 7.79686 6.43839 8.13628C4.51817 8.44167 3.60035 10.5238 4.42481 12.1055L2 14.5303zM2 16.6516L5.39553 13.2561 6.45426 14.3162 6.22749 15.7539 2 19.9814V16.6516zM14.4451 5.87206L15.0074 6.97398 19.9814 2H16.6516L13.6967 4.9549C13.9951 5.18948 14.2528 5.4952 14.4451 5.87206zM2.63808 21.4646L6.25489 17.8478C6.54739 18.6222 7.18399 19.2188 7.95049 19.482L5.43246 22H4C3.47385 22 2.99515 21.7968 2.63808 21.4646zM17.5615 8.13628C18.033 8.21126 18.444 8.39334 18.7836 8.64882L22 5.43246V4C22 3.47385 21.7968 2.99515 21.4646 2.63808L16.1853 7.9174 17.5615 8.13628zM7.55379 22L10.3887 19.165 11.9999 18.3454 13.6823 19.2013 10.8836 22H7.55379zM17.5456 14.3162L17.6848 15.1987 22 10.8836V7.55379L19.6924 9.86138C20.0563 10.8107 19.9044 11.9544 19.0727 12.7872L17.5456 14.3162zM17.9105 17.0944C17.8111 18.4691 16.6857 19.517 15.3841 19.6208L13.0049 22H16.3346L22 16.3346V13.0049L17.9105 17.0944zM22 18.4559L18.4559 22H20C21.1046 22 22 21.1046 22 20V18.4559zM12.6638 6.78118C12.3872 6.23928 11.6129 6.23928 11.3364 6.78118L10.0639 9.27459C9.95563 9.48674 9.75246 9.63436 9.51723 9.67177L6.75265 10.1115C6.15181 10.207 5.91254 10.9434 6.34246 11.3739L8.32061 13.3546C8.48893 13.5231 8.56653 13.762 8.52942 13.9972L8.09328 16.7624C7.9985 17.3633 8.62493 17.8185 9.16718 17.5426L11.6622 16.2733C11.8745 16.1653 12.1256 16.1653 12.3379 16.2733L14.833 17.5426C15.3752 17.8185 16.0017 17.3633 15.9069 16.7624L15.4707 13.9972C15.4336 13.762 15.5112 13.5231 15.6795 13.3546L17.6577 11.3739C18.0876 10.9434 17.8483 10.207 17.2475 10.1115L14.4829 9.67177C14.2477 9.63436 14.0445 9.48674 13.9363 9.27459L12.6638 6.78118z"/></svg>;
+}
+
+const IconCozBgReplaceFill = React.forwardRef(IconCozBgReplaceFillComponent);
+export default IconCozBgReplaceFill;

package/src/IconCozBinding/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBindingComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_binding${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M20 16C21.1046 16 22 15.1046 22 14V4C22 2.89543 21.1046 2 20 2H10C8.89543 2 8 2.89543 8 4V6C8 6.55229 8.44771 7 9 7C9.55229 7 10 6.55229 10 6V4H20V14H10V12C10 11.4477 9.55229 11 9 11C8.44771 11 8 11.4477 8 12V14.0001C8 15.1048 8.89557 16 10 16H20Z"/><path d="M4 8C2.89543 8 2 8.89543 2 10V20C2 21.1046 2.89543 22 4 22H14C15.1046 22 16 21.1046 16 20V18C16 17.4477 15.5523 17 15 17C14.4477 17 14 17.4477 14 18V20H4V10H14V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 12.5523 16 12V10C16 8.89543 15.1046 8 14 8H4Z"/></svg>;
+}
+
+const IconCozBinding = React.forwardRef(IconCozBindingComponent);
+export default IconCozBinding;

package/src/IconCozBold/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBoldComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_bold${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M5 2.7089C5 2.31738 5.31738 2 5.7089 2H12.4434C15.3798 2 17.7601 4.38038 17.7601 7.31672C17.7601 8.82192 17.1346 10.181 16.1294 11.1483C17.9413 12.095 19.1779 13.992 19.1779 16.1779C19.1779 19.31 16.6389 21.8491 13.5068 21.8491H5.7089C5.31738 21.8491 5 21.5317 5 21.1402V2.7089ZM7 10.5068H12.4434C14.2052 10.5068 15.6334 9.07853 15.6334 7.31672C15.6334 5.55491 14.2052 4 12.4434 4H7V10.5068ZM7 12.6334V19.7224H13.5068C15.4643 19.7224 17.0512 18.1355 17.0512 16.1779C17.0512 14.2204 15.4643 12.6334 13.5068 12.6334H7Z"/></svg>;
+}
+
+const IconCozBold = React.forwardRef(IconCozBoldComponent);
+export default IconCozBold;

package/src/IconCozBoolean/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBooleanComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_boolean${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_6fe9197f47__svg_6fe9197f47__clip0_420_4888)"><path fillRule="evenodd" clipRule="evenodd" d="M12 18.9297C10.8233 19.6104 9.45715 20 8 20C3.58172 20 0 16.4183 0 12C0 7.58172 3.58172 4 8 4C9.65685 4 11.1961 4.50368 12.4729 5.36627C12.319 5.2623 12.1613 5.16355 12 5.07026C13.1767 4.38958 14.5429 4 16 4C20.4183 4 24 7.58172 24 12C24 16.4183 20.4183 20 16 20C14.5429 20 13.1767 19.6104 12 18.9297ZM2 12C2 8.68629 4.68629 6 8 6C11.3137 6 14 8.68629 14 12C14 15.3137 11.3137 18 8 18C4.68629 18 2 15.3137 2 12Z"/></g><defs><clipPath id="svg_6fe9197f47__svg_6fe9197f47__clip0_420_4888"><path d="M0 0H24V24H0z"/></clipPath></defs></svg>;
+}
+
+const IconCozBoolean = React.forwardRef(IconCozBooleanComponent);
+export default IconCozBoolean;

package/src/IconCozBooleanBracket/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBooleanBracketComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_boolean_bracket${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M1 5C1 3.89543 1.89543 3 3 3H4C4.55228 3 5 3.44772 5 4 5 4.55228 4.55228 5 4 5H3V19H4C4.55228 19 5 19.4477 5 20 5 20.5523 4.55228 21 4 21H3C1.89543 21 1 20.1046 1 19V5zM23 5C23 3.89543 22.1046 3 21 3H20C19.4477 3 19 3.44772 19 4 19 4.55228 19.4477 5 20 5H21V19H20C19.4477 19 19 19.4477 19 20 19 20.5523 19.4477 21 20 21H21C22.1046 21 23 20.1046 23 19V5z"/><path fillRule="evenodd" clipRule="evenodd" d="M10 17.5C10.7056 17.5 11.3802 17.3671 12 17.125C12.6199 17.3671 13.2945 17.5 14.0001 17.5C17.0376 17.5 19.5 15.0376 19.5 12C19.5 8.96243 17.0376 6.5 14.0001 6.5C13.2945 6.5 12.6199 6.63287 12 6.87495C11.3802 6.63287 10.7056 6.5 10 6.5C6.96243 6.5 4.5 8.96243 4.5 12C4.5 15.0376 6.96243 17.5 10 17.5ZM10 15.5C11.933 15.5 13.5 13.933 13.5 12C13.5 10.067 11.933 8.5 10 8.5C8.067 8.5 6.5 10.067 6.5 12C6.5 13.933 8.067 15.5 10 15.5Z"/></svg>;
+}
+
+const IconCozBooleanBracket = React.forwardRef(IconCozBooleanBracketComponent);
+export default IconCozBooleanBracket;

package/src/IconCozBorder/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBorderComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_border${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M5.5 5.5H18.5V18.5H5.5V5.5ZM7.5 7.5H16.5V16.5H7.5V7.5Z"/><path fillRule="evenodd" clipRule="evenodd" d="M2 5.5C2 3.567 3.567 2 5.5 2H18.5C20.433 2 22 3.567 22 5.5V18.5C22 20.433 20.433 22 18.5 22H5.5C3.567 22 2 20.433 2 18.5V5.5ZM5.5 4H18.5C19.3284 4 20 4.67157 20 5.5V18.5C20 19.3284 19.3284 20 18.5 20H5.5C4.67157 20 4 19.3284 4 18.5V5.5C4 4.67157 4.67157 4 5.5 4Z"/></svg>;
+}
+
+const IconCozBorder = React.forwardRef(IconCozBorderComponent);
+export default IconCozBorder;

package/src/IconCozBorderBottom/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBorderBottomComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_border_bottom${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M22 4L22 15.6273C21.4331 15.2319 20.7436 15 20 15L20 4L4 4L4 15C3.25638 15 2.56692 15.2319 2 15.6273V4C2 2.89543 2.89543 2 4 2L20 2C21.1046 2 22 2.89543 22 4Z"/><path fillRule="evenodd" clipRule="evenodd" d="M4 22C2.89543 22 2 21.1046 2 20V18.5C2 17.3954 2.89543 16.5 4 16.5L20 16.5C21.1046 16.5 22 17.3954 22 18.5V20C22 21.1046 21.1046 22 20 22L4 22ZM4 20L4 18.5L20 18.5V20L4 20Z"/></svg>;
+}
+
+const IconCozBorderBottom = React.forwardRef(IconCozBorderBottomComponent);
+export default IconCozBorderBottom;

package/src/IconCozBorderLeft/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBorderLeftComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_border_left${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H5.5C6.60457 2 7.5 2.89543 7.5 4V20C7.5 21.1046 6.60457 22 5.5 22H4C2.89543 22 2 21.1046 2 20V4ZM4 4H5.5V20H4V4Z"/><path d="M20 22H8.37266C8.76809 21.4331 9 20.7436 9 20H20V4L9 4C9 3.25638 8.76809 2.56692 8.37266 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22Z"/></svg>;
+}
+
+const IconCozBorderLeft = React.forwardRef(IconCozBorderLeftComponent);
+export default IconCozBorderLeft;

package/src/IconCozBorderRight/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBorderRightComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_border_right${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M4 2L15.6273 2C15.2319 2.56692 15 3.25638 15 4L4 4L4 20L15 20C15 20.7436 15.2319 21.4331 15.6273 22L4 22C2.89543 22 2 21.1046 2 20V4C2 2.89543 2.89543 2 4 2Z"/><path fillRule="evenodd" clipRule="evenodd" d="M22 20C22 21.1046 21.1046 22 20 22H18.5C17.3954 22 16.5 21.1046 16.5 20L16.5 4C16.5 2.89543 17.3954 2 18.5 2H20C21.1046 2 22 2.89543 22 4L22 20ZM20 20H18.5L18.5 4H20L20 20Z"/></svg>;
+}
+
+const IconCozBorderRight = React.forwardRef(IconCozBorderRightComponent);
+export default IconCozBorderRight;

package/src/IconCozBorderTop/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBorderTopComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'font';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-coz_border_top${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M20 2C21.1046 2 22 2.89543 22 4V5.5C22 6.60457 21.1046 7.5 20 7.5L4 7.5C2.89543 7.5 2 6.60457 2 5.5V4C2 2.89543 2.89543 2 4 2H20ZM20 4V5.5L4 5.5V4L20 4Z"/><path d="M2 20V8.37265C2.56692 8.76809 3.25638 8.99999 4 8.99999L4 20H20V9C20.7436 9 21.4331 8.76809 22 8.37265V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20Z"/></svg>;
+}
+
+const IconCozBorderTop = React.forwardRef(IconCozBorderTopComponent);
+export default IconCozBorderTop;