@arco-iconbox/react-coze 0.0.1

package/src/IconCozBot/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBotComponent(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_bot${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.6001 11C6.6001 10.3373 7.13736 9.80005 7.8001 9.80005 8.46284 9.80005 9.0001 10.3373 9.0001 11V12.6C9.0001 13.2628 8.46284 13.8 7.8001 13.8 7.13736 13.8 6.6001 13.2628 6.6001 12.6V11zM16.2 9.80005C15.5373 9.80005 15 10.3373 15 11V12.6C15 13.2628 15.5373 13.8 16.2 13.8 16.8627 13.8 17.4 13.2628 17.4 12.6V11C17.4 10.3373 16.8627 9.80005 16.2 9.80005z"/><path fillRule="evenodd" clipRule="evenodd" d="M6.02765 3.18198C3.80266 3.6894 2.00254 5.26794 1.49283 7.4924C1.21595 8.70076 1 10.2312 1 12.0655C1 14.14 1.27624 15.8043 1.60444 17.0496C2.09814 18.9228 3.58946 20.2807 5.46906 20.7494C7.03143 21.139 9.22717 21.5 12 21.5C14.7729 21.5 16.9687 21.139 18.531 20.7494C20.4106 20.2807 21.9018 18.9228 22.3955 17.0496C22.7238 15.8044 23 14.1401 23 12.0655C23 10.2311 22.784 8.70072 22.5072 7.49236C21.9974 5.26792 20.1974 3.6894 17.9724 3.18198C16.3835 2.81963 14.3235 2.5 12 2.5C9.67659 2.5 7.61653 2.81963 6.02765 3.18198ZM3 12.0655C3 13.9604 3.25207 15.4535 3.53839 16.5399C3.82905 17.6427 4.71438 18.5 5.95296 18.8089C7.369 19.162 9.40215 19.5 12 19.5C14.5979 19.5 16.6311 19.162 18.0471 18.8089C19.2856 18.5 20.1709 17.6427 20.4616 16.5399C20.7479 15.4535 21 13.9605 21 12.0655C21 10.3894 20.8028 9.00881 20.5577 7.93906C20.244 6.57015 19.1176 5.49451 17.5277 5.13192C16.0518 4.79533 14.1435 4.5 12 4.5C9.85658 4.5 7.94824 4.79533 6.47234 5.13192C4.88239 5.49452 3.75598 6.57018 3.44231 7.9391C3.19719 9.00884 3 10.3894 3 12.0655Z"/></svg>;
+}
+
+const IconCozBot = React.forwardRef(IconCozBotComponent);
+export default IconCozBot;

package/src/IconCozBotFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBotFillComponent(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_bot_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="M1.49283 7.4924C2.00254 5.26794 3.80266 3.6894 6.02765 3.18198C7.61653 2.81963 9.67659 2.5 12 2.5C14.3235 2.5 16.3835 2.81963 17.9724 3.18198C20.1974 3.6894 21.9974 5.26792 22.5072 7.49236C22.784 8.70072 23 10.2311 23 12.0655C23 14.1401 22.7238 15.8044 22.3955 17.0496C21.9018 18.9228 20.4106 20.2807 18.531 20.7494C16.9687 21.139 14.7729 21.5 12 21.5C9.22717 21.5 7.03143 21.139 5.46906 20.7494C3.58946 20.2807 2.09814 18.9228 1.60444 17.0496C1.27624 15.8043 1 14.14 1 12.0655C1 10.2312 1.21595 8.70076 1.49283 7.4924ZM6.5 10.9C6.5 10.182 7.08203 9.6 7.8 9.6C8.51797 9.6 9.1 10.182 9.1 10.9V12.7C9.1 13.418 8.51797 14 7.8 14C7.08203 14 6.5 13.418 6.5 12.7V10.9ZM16.1999 9.6C15.4819 9.6 14.8999 10.182 14.8999 10.9V12.7C14.8999 13.418 15.4819 14 16.1999 14C16.9179 14 17.4999 13.418 17.4999 12.7V10.9C17.4999 10.182 16.9179 9.6 16.1999 9.6Z"/></svg>;
+}
+
+const IconCozBotFill = React.forwardRef(IconCozBotFillComponent);
+export default IconCozBotFill;

package/src/IconCozBrace/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBraceComponent(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_brace${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="M17 1.5C18.6569 1.5 20 2.84315 20 4.5V9.5C20 10.3284 20.6716 11 21.5 11H22C22.5523 11 23 11.4477 23 12 23 12.5523 22.5523 13 22 13H21.5C20.6716 13 20 13.6716 20 14.5V19.5C20 21.1569 18.6569 22.5 17 22.5H16.5C15.9477 22.5 15.5 22.0523 15.5 21.5 15.5 20.9477 15.9477 20.5 16.5 20.5H17C17.5523 20.5 18 20.0523 18 19.5V14.5C18 13.5207 18.4022 12.6353 19.0505 12 18.4022 11.3647 18 10.4793 18 9.5V4.5C18 3.94772 17.5523 3.5 17 3.5H16.5C15.9477 3.5 15.5 3.05228 15.5 2.5 15.5 1.94772 15.9477 1.5 16.5 1.5H17zM4 19.5C4 21.1569 5.34315 22.5 7 22.5H7.5C8.05228 22.5 8.5 22.0523 8.5 21.5 8.5 20.9477 8.05228 20.5 7.5 20.5H7C6.44772 20.5 6 20.0523 6 19.5V14.5C6 13.5207 5.59777 12.6353 4.94949 12 5.59777 11.3647 6 10.4793 6 9.5V4.5C6 3.94772 6.44772 3.5 7 3.5H7.5C8.05228 3.5 8.5 3.05228 8.5 2.5 8.5 1.94772 8.05228 1.5 7.5 1.5H7C5.34315 1.5 4 2.84315 4 4.5V9.5C4 10.3284 3.32843 11 2.5 11H2C1.44772 11 1 11.4477 1 12 1 12.5523 1.44772 13 2 13H2.5C3.32843 13 4 13.6716 4 14.5V19.5z"/></svg>;
+}
+
+const IconCozBrace = React.forwardRef(IconCozBraceComponent);
+export default IconCozBrace;

package/src/IconCozBraceBracket/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBraceBracketComponent(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_brace_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 d="M6.13636 7.36364C6.13636 6.05824 7.1946 5 8.5 5 9.05229 5 9.5 5.44772 9.5 6 9.5 6.55228 9.05229 7 8.5 7 8.29917 7 8.13636 7.16281 8.13636 7.36364V10.3636C8.13636 10.9819 7.92355 11.5504 7.56719 12 7.92355 12.4496 8.13636 13.0181 8.13636 13.6364V16.6364C8.13636 16.8372 8.29917 17 8.5 17 9.05229 17 9.5 17.4477 9.5 18 9.5 18.5523 9.05229 19 8.5 19 7.1946 19 6.13636 17.9418 6.13636 16.6364V13.6364C6.13636 13.2849 5.85145 13 5.5 13 4.94772 13 4.5 12.5523 4.5 12 4.5 11.4477 4.94772 11 5.5 11 5.85145 11 6.13636 10.7151 6.13636 10.3636V7.36364zM17.8636 7.36364C17.8636 6.05824 16.8054 5 15.5 5 14.9477 5 14.5 5.44772 14.5 6 14.5 6.55228 14.9477 7 15.5 7 15.7008 7 15.8636 7.16281 15.8636 7.36364V10.3636C15.8636 10.9819 16.0764 11.5504 16.4328 12 16.0764 12.4496 15.8636 13.0181 15.8636 13.6364V16.6364C15.8636 16.8372 15.7008 17 15.5 17 14.9477 17 14.5 17.4477 14.5 18 14.5 18.5523 14.9477 19 15.5 19 16.8054 19 17.8636 17.9418 17.8636 16.6364V13.6364C17.8636 13.2849 18.1485 13 18.5 13 19.0523 13 19.5 12.5523 19.5 12 19.5 11.4477 19.0523 11 18.5 11 18.1485 11 17.8636 10.7151 17.8636 10.3636V7.36364z"/></svg>;
+}
+
+const IconCozBraceBracket = React.forwardRef(IconCozBraceBracketComponent);
+export default IconCozBraceBracket;

package/src/IconCozBracket/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBracketComponent(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_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="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H8C8.55228 22 9 21.5523 9 21 9 20.4477 8.55228 20 8 20H4V4H8C8.55228 4 9 3.55228 9 3 9 2.44772 8.55228 2 8 2H4zM20 2C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H16C15.4477 22 15 21.5523 15 21 15 20.4477 15.4477 20 16 20H20V4H16C15.4477 4 15 3.55228 15 3 15 2.44772 15.4477 2 16 2H20z"/></svg>;
+}
+
+const IconCozBracket = React.forwardRef(IconCozBracketComponent);
+export default IconCozBracket;

package/src/IconCozBriefcaseFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBriefcaseFillComponent(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_briefcase_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="M6 4C6 2.89543 6.89543 2 8 2H16C17.1046 2 18 2.89543 18 4V5H21C22.1046 5 23 5.89543 23 7V9.5H1V7C1 5.89543 1.89543 5 3 5H6V4ZM8 5H16V4H8V5Z"/><path d="M1 11H7.5V14.5H16.5V11H23V19C23 20.1046 22.1046 21 21 21H3C1.89543 21 1 20.1046 1 19V11Z"/><path d="M15 11H9V13H15V11Z"/></svg>;
+}
+
+const IconCozBriefcaseFill = React.forwardRef(IconCozBriefcaseFillComponent);
+export default IconCozBriefcaseFill;

package/src/IconCozBroom/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBroomComponent(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_broom${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="M9 2V6L4 6C2.89543 6 2 6.89543 2 8V21C2 22.1046 2.89543 23 4 23H20C21.1046 23 22 22.1046 22 21V8C22 6.89543 21.1046 6 20 6L15 6V2C15 0.895431 14.1046 0 13 0H11C9.89543 0 9 0.895431 9 2ZM13 2V8H20V12H4V8H11V2H13ZM4 14H20V21H9V18C9 17.4477 8.55228 17 8 17C7.44772 17 7 17.4477 7 18V21H4L4 14Z"/></svg>;
+}
+
+const IconCozBroom = React.forwardRef(IconCozBroomComponent);
+export default IconCozBroom;

package/src/IconCozBuilding/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBuildingComponent(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_building${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 9.99978C5.94772 9.99978 5.5 10.4475 5.5 10.9998 5.5 11.5521 5.94772 11.9998 6.5 11.9998H10C10.5523 11.9998 11 11.5521 11 10.9998 11 10.4475 10.5523 9.99978 10 9.99978H6.5zM5.5 15.9998C5.5 15.4475 5.94772 14.9998 6.5 14.9998H10C10.5523 14.9998 11 15.4475 11 15.9998 11 16.5521 10.5523 16.9998 10 16.9998H6.5C5.94772 16.9998 5.5 16.5521 5.5 15.9998z"/><path fillRule="evenodd" clipRule="evenodd" d="M2 7.70791C2 6.07229 2.9958 4.60146 4.51444 3.994L10.3858 1.64545C12.3564.857209 14.5 2.30848 14.5 4.43088V21.9998H4C2.89543 21.9998 2 21.1043 2 19.9998V7.70791zM5.25722 5.85096L11.1286 3.5024C11.7855 3.23965 12.5 3.72341 12.5 4.43088V19.9998H4L4 7.70791C4 6.8901 4.4979 6.15468 5.25722 5.85096zM16 9.00001L19.5385 10.4744C21.029 11.0954 22 12.5519 22 14.1667V20C22 21.1046 21.1046 22 20 22H16V9.00001zM18 20V12L18.7692 12.3205C19.5145 12.6311 20 13.3593 20 14.1667V20H18z"/></svg>;
+}
+
+const IconCozBuilding = React.forwardRef(IconCozBuildingComponent);
+export default IconCozBuilding;

package/src/IconCozBuildingFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozBuildingFillComponent(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_building_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="M4.20013 4.61996C2.87133 5.15148 2 6.43846 2 7.86963V19.9998C2 21.1044 2.89543 21.9998 4 21.9998H14.5V4.488C14.5 2.57785 12.5708 1.2717 10.7972 1.98111L4.20013 4.61996zM6.5 9.79979C5.83726 9.79979 5.3 10.337 5.3 10.9998 5.3 11.6625 5.83726 12.1998 6.5 12.1998H10C10.6627 12.1998 11.2 11.6625 11.2 10.9998 11.2 10.337 10.6627 9.79979 10 9.79979H6.5zM5.3 15.9998C5.3 15.337 5.83726 14.7998 6.5 14.7998H10C10.6627 14.7998 11.2 15.337 11.2 15.9998 11.2 16.6625 10.6627 17.1998 10 17.1998H6.5C5.83726 17.1998 5.3 16.6625 5.3 15.9998zM16 9.00001L19.5385 10.4744C21.029 11.0955 22 12.5519 22 14.1667V20C22 21.1046 21.1046 22 20 22H16V9.00001zM19 17.2H17.5V14.8H19C19.6627 14.8 20.2 15.3373 20.2 16 20.2 16.6628 19.6627 17.2 19 17.2z"/></svg>;
+}
+
+const IconCozBuildingFill = React.forwardRef(IconCozBuildingFillComponent);
+export default IconCozBuildingFill;

package/src/IconCozButton/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozButtonComponent(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_button${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.25 8C4.83579 8 4.5 8.33579 4.5 8.75V15.25C4.5 15.6642 4.83579 16 5.25 16H7.625C8.93668 16 10 14.9367 10 13.625C10 12.9236 9.69599 12.2933 9.21255 11.8585C9.53809 11.4521 9.73279 10.9363 9.73279 10.375C9.73279 9.06332 8.66946 8 7.35779 8H5.25ZM6.5 9.825V11.25H7.28555C7.67905 11.25 7.99805 10.931 7.99805 10.5375C7.99805 10.144 7.67905 9.825 7.28555 9.825H6.5ZM6.5 12.75V14.175H7.5575C7.951 14.175 8.27 13.856 8.27 13.4625C8.27 13.069 7.951 12.75 7.5575 12.75H6.5Z"/><path d="M11.75 8C11.3358 8 11 8.33579 11 8.75V9.5H10.75C10.3358 9.5 10 9.83579 10 10.25V10.5C10 10.9142 10.3358 11.25 10.75 11.25H11V14.5C11 15.3284 11.6716 16 12.5 16H13.25C13.6642 16 14 15.6642 14 15.25V14.75C14 14.3358 13.6642 14 13.25 14H13V11.25H13.25C13.6642 11.25 14 10.9142 14 10.5V10.25C14 9.83579 13.6642 9.5 13.25 9.5H13V8.75C13 8.33579 12.6642 8 12.25 8H11.75zM14.5 9.75C14.5 9.33579 14.8358 9 15.25 9H15.75C16.1216 9 16.4301 9.27028 16.4896 9.62499 16.8005 9.24358 17.2741 9 17.8045 9 18.7409 9 19.5 9.7591 19.5 10.6955V15.25C19.5 15.6642 19.1642 16 18.75 16H18.25C17.8358 16 17.5 15.6642 17.5 15.25V11.5C17.5 11.2239 17.2761 11 17 11 16.7239 11 16.5 11.2239 16.5 11.5V15.25C16.5 15.6642 16.1642 16 15.75 16H15.25C14.8358 16 14.5 15.6642 14.5 15.25V9.75z"/><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 IconCozButton = React.forwardRef(IconCozButtonComponent);
+export default IconCozButton;

package/src/IconCozCalendar/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCalendarComponent(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_calendar${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="M7 2C7.55228 2 8 2.44772 8 3H16C16 2.44772 16.4477 2 17 2C17.5523 2 18 2.44772 18 3C18.4142 3 19.2197 3 20 3C21.1046 3 22 3.89543 22 5V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20L2 5C2 3.89543 2.8954 3 3.99997 3C4.78026 3 5.58581 3 6 3C6 2.44772 6.44772 2 7 2ZM16 5H8C8 5.55228 7.55228 6 7 6C6.44772 6 6 5.55228 6 5H4V20H20V5H18C18 5.55228 17.5523 6 17 6C16.4477 6 16 5.55228 16 5ZM9 15C9 14.4477 8.55228 14 8 14H7C6.44772 14 6 14.4477 6 15V16C6 16.5523 6.44772 17 7 17H8C8.55228 17 9 16.5523 9 16V15ZM10.5 10C10.5 9.44772 10.9477 9 11.5 9H12.5C13.0523 9 13.5 9.44772 13.5 10V11C13.5 11.5523 13.0523 12 12.5 12H11.5C10.9477 12 10.5 11.5523 10.5 11V10ZM13.5 15C13.5 14.4477 13.0523 14 12.5 14H11.5C10.9477 14 10.5 14.4477 10.5 15V16C10.5 16.5523 10.9477 17 11.5 17H12.5C13.0523 17 13.5 16.5523 13.5 16V15ZM15 15C15 14.4477 15.4477 14 16 14H17C17.5523 14 18 14.4477 18 15V16C18 16.5523 17.5523 17 17 17H16C15.4477 17 15 16.5523 15 16V15ZM18 10C18 9.44772 17.5523 9 17 9H16C15.4477 9 15 9.44772 15 10V11C15 11.5523 15.4477 12 16 12H17C17.5523 12 18 11.5523 18 11V10Z"/></svg>;
+}
+
+const IconCozCalendar = React.forwardRef(IconCozCalendarComponent);
+export default IconCozCalendar;

package/src/IconCozCalendarClock/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCalendarClockComponent(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_calendar_clock${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="M8 3C8 2.44772 7.55228 2 7 2C6.44772 2 6 2.44772 6 3H3.99997C2.8954 3 2 3.89543 2 5V20C2 21.1046 2.89543 22 4 22H11.6546C11.2677 21.3875 10.967 20.7152 10.7696 20H4V5H6C6 5.55228 6.44772 6 7 6C7.55228 6 8 5.55228 8 5H16C16 5.55228 16.4477 6 17 6C17.5523 6 18 5.55228 18 5H20V10.7696C20.7152 10.967 21.3875 11.2677 22 11.6546V5C22 3.89543 21.1046 3 20 3H18C18 2.44772 17.5523 2 17 2C16.4477 2 16 2.44772 16 3H8Z"/><path d="M8 13C8.55228 13 9 13.4477 9 14V15C9 15.5523 8.55228 16 8 16H7C6.44772 16 6 15.5523 6 15V14C6 13.4477 6.44772 13 7 13H8zM6 9C6 8.44772 6.44772 8 7 8H8C8.55229 8 9 8.44772 9 9V10C9 10.5523 8.55228 11 8 11H7C6.44771 11 6 10.5523 6 10V9zM14 9C14 8.44772 13.5523 8 13 8H12C11.4477 8 11 8.44772 11 9V10C11 10.5523 11.4477 11 12 11H13C13.5523 11 14 10.5523 14 10V9zM18 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 IconCozCalendarClock = React.forwardRef(IconCozCalendarClockComponent);
+export default IconCozCalendarClock;

package/src/IconCozCalendarClockFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCalendarClockFillComponent(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_calendar_clock_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="M7 2C7.55228 2 8 2.44772 8 3H16C16 2.44772 16.4477 2 17 2C17.5523 2 18 2.44772 18 3H20C21.1046 3 22 3.89543 22 5V11.6546C20.8423 10.9232 19.4706 10.5 18 10.5C13.8579 10.5 10.5 13.8579 10.5 18C10.5 19.4706 10.9232 20.8423 11.6546 22H4C2.89543 22 2 21.1046 2 20V5C2 3.89543 2.8954 3 3.99997 3H6C6 2.44772 6.44772 2 7 2ZM7 8C6.44772 8 6 8.44772 6 9V10C6 10.5523 6.44771 11 7 11H8C8.55228 11 9 10.5523 9 10V9C9 8.44772 8.55229 8 8 8H7ZM8 13C8.55228 13 9 13.4477 9 14V15C9 15.5523 8.55228 16 8 16H7C6.44772 16 6 15.5523 6 15V14C6 13.4477 6.44772 13 7 13H8ZM13 8C13.5523 8 14 8.44772 14 9V10C14 10.5523 13.5523 11 13 11H12C11.4477 11 11 10.5523 11 10V9C11 8.44772 11.4477 8 12 8H13Z"/><path fillRule="evenodd" clipRule="evenodd" d="M18 24C21.3137 24 24 21.3137 24 18C24 14.6863 21.3137 12 18 12C14.6863 12 12 14.6863 12 18C12 21.3137 14.6863 24 18 24ZM18 15C17.5858 15 17.25 15.3358 17.25 15.75V18.2359C17.2463 18.4325 17.3195 18.6303 17.4695 18.7803L18.8838 20.1945C19.1766 20.4874 19.6515 20.4874 19.9444 20.1945C20.2373 19.9016 20.2373 19.4268 19.9444 19.1339L18.75 17.9395V15.75C18.75 15.3358 18.4142 15 18 15Z"/></svg>;
+}
+
+const IconCozCalendarClockFill = React.forwardRef(IconCozCalendarClockFillComponent);
+export default IconCozCalendarClockFill;

package/src/IconCozCalendarFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCalendarFillComponent(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_calendar_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="M7 2C7.55228 2 8 2.44772 8 3H16C16 2.44772 16.4477 2 17 2C17.5523 2 18 2.44772 18 3H20C21.1046 3 22 3.89543 22 5V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V5C2 3.89543 2.8954 3 3.99997 3H6C6 2.44772 6.44772 2 7 2ZM9 15C9 14.4477 8.55228 14 8 14H7C6.44772 14 6 14.4477 6 15V16C6 16.5523 6.44772 17 7 17H8C8.55228 17 9 16.5523 9 16V15ZM13.5 15C13.5 14.4477 13.0523 14 12.5 14H11.5C10.9477 14 10.5 14.4477 10.5 15V16C10.5 16.5523 10.9477 17 11.5 17H12.5C13.0523 17 13.5 16.5523 13.5 16V15ZM18 10C18 9.44772 17.5523 9 17 9H16C15.4477 9 15 9.44772 15 10V11C15 11.5523 15.4477 12 16 12H17C17.5523 12 18 11.5523 18 11V10ZM12.5 9H11.5C10.9477 9 10.5 9.44772 10.5 10V11C10.5 11.5523 10.9477 12 11.5 12H12.5C13.0523 12 13.5 11.5523 13.5 11V10C13.5 9.44772 13.0523 9 12.5 9ZM16 14C15.4477 14 15 14.4477 15 15V16C15 16.5523 15.4477 17 16 17H17C17.5523 17 18 16.5523 18 16V15C18 14.4477 17.5523 14 17 14H16Z"/></svg>;
+}
+
+const IconCozCalendarFill = React.forwardRef(IconCozCalendarFillComponent);
+export default IconCozCalendarFill;

package/src/IconCozCard/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCardComponent(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_card${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.9998 3.00006C22.1043 3.00006 22.9998 3.89549 22.9998 5.00006V19.0001C22.9998 20.1046 22.1043 21.0001 20.9998 21.0001H2.99976C1.89519 21.0001 0.999756 20.1046 0.999756 19.0001V5.00006C0.999756 3.89549 1.89519 3.00006 2.99976 3.00006H20.9998ZM2.99976 5.00006V19.0001H20.9998V5.00006H2.99976ZM4.99976 12.0001C4.99976 11.4478 5.44747 11.0001 5.99976 11.0001H8.99976C9.55204 11.0001 9.99976 11.4478 9.99976 12.0001C9.99976 12.5523 9.55204 13.0001 8.99976 13.0001H5.99976C5.44747 13.0001 4.99976 12.5523 4.99976 12.0001ZM4.99976 16.0001C4.99976 15.4478 5.44747 15.0001 5.99976 15.0001H11.9998C12.552 15.0001 12.9998 15.4478 12.9998 16.0001C12.9998 16.5523 12.552 17.0001 11.9998 17.0001L5.99976 17.0001C5.44747 17.0001 4.99976 16.5523 4.99976 16.0001ZM17.9998 7.00006C18.552 7.00006 18.9998 7.44778 18.9998 8.00006V12.0001C18.9998 12.5523 18.552 13.0001 17.9998 13.0001H13.9998C13.4475 13.0001 12.9998 12.5523 12.9998 12.0001V8.00006C12.9998 7.44778 13.4475 7.00006 13.9998 7.00006H17.9998ZM14.9998 9.00006V11.0001H16.9998V9.00006H14.9998Z"/></svg>;
+}
+
+const IconCozCard = React.forwardRef(IconCozCardComponent);
+export default IconCozCard;

package/src/IconCozCardPencil/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCardPencilComponent(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_card_pencil${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.99994 18L2.99994 4L20.9999 4V11.451C21.6197 11.127 22.329 11.0345 22.9999 11.1733V4C22.9999 2.89543 22.1045 2 20.9999 2H2.99994C1.89537 2 0.999939 2.89543 0.999939 4V18C0.999939 19.1046 1.89537 20 2.99994 20H12.544C12.6881 19.6676 12.894 19.3634 13.153 19.1044L14.2574 18L2.99994 18Z"/><path d="M6.99994 7C6.44765 7 5.99994 7.44771 5.99994 8 5.99994 8.55229 6.44765 9 6.99994 9H16.9999C17.5522 9 17.9999 8.55228 17.9999 8 17.9999 7.44771 17.5522 7 16.9999 7H6.99994zM5.99994 13C5.99994 12.4477 6.44765 12 6.99994 12H12.9999C13.5522 12 13.9999 12.4477 13.9999 13 13.9999 13.5523 13.5522 14 12.9999 14H6.99994C6.44765 14 5.99994 13.5523 5.99994 13zM23.4499 13.0502C22.8641 12.4644 21.9143 12.4644 21.3286 13.0502L20.2679 14.1108 22.3892 16.2322 23.4499 15.1715C24.0357 14.5857 24.0357 13.636 23.4499 13.0502zM16.3465 22.2749L21.3286 17.2928 19.2072 15.1715 14.2136 20.1651C14.012 20.3667 13.8771 20.6253 13.827 20.906L13.4913 22.788C13.4816 22.8426 13.4992 22.8985 13.5384 22.9377 13.5771 22.9764 13.6322 22.9941 13.6862 22.9851L15.5771 22.6706C15.8686 22.6222 16.1376 22.4838 16.3465 22.2749z"/></svg>;
+}
+
+const IconCozCardPencil = React.forwardRef(IconCozCardPencilComponent);
+export default IconCozCardPencil;

package/src/IconCozCardPlus/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCardPlusComponent(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_card_plus${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 1C18.5523 1 19 1.44772 19 2V5H22C22.5523 5 23 5.44772 23 6C23 6.55228 22.5523 7 22 7H19V10C19 10.5523 18.5523 11 18 11C17.4477 11 17 10.5523 17 10V7H14C13.4477 7 13 6.55228 13 6C13 5.44772 13.4477 5 14 5H17V2C17 1.44772 17.4477 1 18 1Z"/><path d="M3 6L3 20H21V8.5H22C22.3556 8.5 22.6938 8.42578 23 8.29198V20C23 21.1046 22.1046 22 21 22H3C1.89543 22 1 21.1046 1 20V6C1 4.89543 1.89543 4 3 4L12.4998 4C11.8927 4.45611 11.5 5.1822 11.5 6L3 6Z"/><path d="M6 11C6 10.4477 6.44772 10 7 10L13 10C13.5523 10 14 10.4477 14 11 14 11.5523 13.5523 12 13 12L7 12C6.44772 12 6 11.5523 6 11zM7 15C6.44772 15 6 15.4477 6 16 6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16 18 15.4477 17.5523 15 17 15H7z"/></svg>;
+}
+
+const IconCozCardPlus = React.forwardRef(IconCozCardPlusComponent);
+export default IconCozCardPlus;

package/src/IconCozChat/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatComponent(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_chat${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="M8 10C8 9.44771 8.44772 9 9 9H16C16.5523 9 17 9.44771 17 10 17 10.5523 16.5523 11 16 11H9C8.44772 11 8 10.5523 8 10zM9 13C8.44772 13 8 13.4477 8 14 8 14.5523 8.44772 15 9 15H13C13.5523 15 14 14.5523 14 14 14 13.4477 13.5523 13 13 13H9z"/><path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23H4.61803C3.87465 23 3.39116 22.2177 3.72361 21.5528L4.48405 20.0319C2.3399 18.0247 1 15.1688 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM6.94025 19.5916L6.23607 21H12C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.5928 4.09379 16.9269 5.85088 18.5718L6.94025 19.5916Z"/></svg>;
+}
+
+const IconCozChat = React.forwardRef(IconCozChatComponent);
+export default IconCozChat;

package/src/IconCozChatFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatFillComponent(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_chat_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="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 15.1688 2.3399 18.0247 4.48405 20.0319L3.72361 21.5528C3.39116 22.2177 3.87465 23 4.61803 23H12ZM8 10C8 9.44771 8.44772 9 9 9H16C16.5523 9 17 9.44771 17 10C17 10.5523 16.5523 11 16 11H9C8.44772 11 8 10.5523 8 10ZM9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H13C13.5523 15 14 14.5523 14 14C14 13.4477 13.5523 13 13 13H9Z"/></svg>;
+}
+
+const IconCozChatFill = React.forwardRef(IconCozChatFillComponent);
+export default IconCozChatFill;

package/src/IconCozChatHashtag/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatHashtagComponent(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_chat_hashtag${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="M9.92811 8.10533L9.7048 9.51526H8.46199C8.09307 9.51526 7.77893 9.78355 7.72122 10.1479C7.6491 10.6033 8.00098 11.0153 8.46199 11.0153H9.46723L9.15046 13.0153H7.90764C7.53872 13.0153 7.22459 13.2836 7.16687 13.6479C7.09476 14.1033 7.44663 14.5153 7.90764 14.5153H8.91288L8.73159 15.6599C8.65947 16.1152 9.01135 16.5272 9.47235 16.5272C9.84127 16.5272 10.1554 16.2589 10.2131 15.8945L10.4316 14.5153H12.7822L12.6009 15.6599C12.5288 16.1152 12.8806 16.5272 13.3416 16.5272C13.7106 16.5272 14.0247 16.2589 14.0824 15.8945L14.3009 14.5153H15.5379C15.9068 14.5153 16.221 14.247 16.2787 13.8826C16.3508 13.4273 15.9989 13.0153 15.5379 13.0153H14.5384L14.8552 11.0153H16.0922C16.4612 11.0153 16.7753 10.747 16.833 10.3826C16.9051 9.92725 16.5533 9.51526 16.0922 9.51526H15.0928L15.2789 8.33998C15.3511 7.88465 14.9992 7.47266 14.5382 7.47266C14.1693 7.47266 13.8551 7.74095 13.7974 8.10533L13.5741 9.51526H11.2235L11.4096 8.33998C11.4818 7.88465 11.1299 7.47266 10.6689 7.47266C10.3 7.47266 9.98583 7.74095 9.92811 8.10533ZM13.3365 11.0153L13.0197 13.0153H10.6692L10.9859 11.0153H13.3365Z"/><path fillRule="evenodd" clipRule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 15.1688 2.3399 18.0247 4.48405 20.0319L3.72361 21.5528C3.39116 22.2177 3.87465 23 4.61803 23H12ZM6.94025 19.5916L5.85088 18.5718C4.09379 16.9269 3 14.5928 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21H6.23607L6.94025 19.5916Z"/></svg>;
+}
+
+const IconCozChatHashtag = React.forwardRef(IconCozChatHashtagComponent);
+export default IconCozChatHashtag;

package/src/IconCozChatPeople/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatPeopleComponent(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_chat_people${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.94025 19.5916L6.23607 21H11.8414C11.6203 21.6256 11.5 22.2987 11.5 23H4.61803C3.87465 23 3.39116 22.2177 3.72361 21.5528L4.48405 20.0319C2.3399 18.0247 1 15.1688 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 12.8236 22.9095 13.6261 22.7379 14.398C22.4116 13.4326 21.7985 12.5994 21 11.9996C20.9998 7.02924 16.9704 3 12 3C7.02944 3 3 7.02944 3 12C3 14.5928 4.09379 16.9269 5.85088 18.5718L6.94025 19.5916Z"/><path d="M7 9C7 8.44772 7.44772 8 8 8H15C15.5523 8 16 8.44772 16 9 16 9.55229 15.5523 10 15 10H8C7.44772 10 7 9.55229 7 9zM8 13C7.44772 13 7 13.4477 7 14 7 14.5523 7.44772 15 8 15H11C11.5523 15 12 14.5523 12 14 12 13.4477 11.5523 13 11 13H8z"/><path fillRule="evenodd" clipRule="evenodd" d="M15 23C15 21.6193 16.1193 20.5 17.5 20.5H18.5C19.8807 20.5 21 21.6193 21 23H23C23 21.0807 21.7985 19.4421 20.1066 18.7953C20.953 18.1564 21.5 17.1421 21.5 16C21.5 14.067 19.933 12.5 18 12.5C16.067 12.5 14.5 14.067 14.5 16C14.5 17.1421 15.047 18.1564 15.8934 18.7953C14.2015 19.4421 13 21.0807 13 23H15ZM19.5 16C19.5 16.8284 18.8284 17.5 18 17.5C17.1716 17.5 16.5 16.8284 16.5 16C16.5 15.1716 17.1716 14.5 18 14.5C18.8284 14.5 19.5 15.1716 19.5 16Z"/></svg>;
+}
+
+const IconCozChatPeople = React.forwardRef(IconCozChatPeopleComponent);
+export default IconCozChatPeople;

package/src/IconCozChatPlus/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatPlusComponent(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_chat_plus${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.94025 19.5916L6.23607 21H12C13.039 21 14.0369 20.8239 14.9655 20.5H15.5V22C15.5 22.143 15.512 22.2832 15.5351 22.4196C14.4256 22.7959 13.2366 23 12 23H4.61803C3.87465 23 3.39116 22.2177 3.72361 21.5528L4.48405 20.0319C2.3399 18.0247 1 15.1688 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 13.2366 22.7959 14.4256 22.4196 15.5351C22.2832 15.512 22.143 15.5 22 15.5H20.5V14.9655C20.8239 14.0369 21 13.039 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.5928 4.09379 16.9269 5.85088 18.5718L6.94025 19.5916Z"/><path d="M8 8C7.44772 8 7 8.44772 7 9 7 9.55229 7.44772 10 8 10H15C15.5523 10 16 9.55229 16 9 16 8.44772 15.5523 8 15 8H8zM7 14C7 13.4477 7.44772 13 8 13H12C12.5523 13 13 13.4477 13 14 13 14.5523 12.5523 15 12 15H8C7.44772 15 7 14.5523 7 14zM18 13C18.5523 13 19 13.4477 19 14V17H22C22.5523 17 23 17.4477 23 18 23 18.5523 22.5523 19 22 19H19V22C19 22.5523 18.5523 23 18 23 17.4477 23 17 22.5523 17 22V19H14C13.4477 19 13 18.5523 13 18 13 17.4477 13.4477 17 14 17H17V14C17 13.4477 17.4477 13 18 13z"/></svg>;
+}
+
+const IconCozChatPlus = React.forwardRef(IconCozChatPlusComponent);
+export default IconCozChatPlus;

package/src/IconCozChatQuote/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatQuoteComponent(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_chat_quote${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 10C6 8.067 7.567 6.5 9.5 6.5H10C10.5523 6.5 11 6.94772 11 7.5 11 8.05228 10.5523 8.5 10 8.5H9.5C8.67157 8.5 8 9.17157 8 10V10.5H10C10.5523 10.5 11 10.9477 11 11.5V13.5C11 14.0523 10.5523 14.5 10 14.5H7C6.44772 14.5 6 14.0523 6 13.5V10zM16.5 6.5C14.567 6.5 13 8.067 13 10V13.5C13 14.0523 13.4477 14.5 14 14.5H17C17.5523 14.5 18 14.0523 18 13.5V11.5C18 10.9477 17.5523 10.5 17 10.5H15V10C15 9.17157 15.6716 8.5 16.5 8.5H17C17.5523 8.5 18 8.05228 18 7.5 18 6.94772 17.5523 6.5 17 6.5H16.5z"/><path fillRule="evenodd" clipRule="evenodd" d="M23 4C23 2.9 22.1 2 21 2H3C1.9 2 1 2.9 1 4V17.0111C1 18.0211 1.9 19.0111 3 19.0111H7.7586L10.4774 22C10.9822 22.5017 11.3166 22.6311 12 22.7009C12.414 22.707 13.0502 22.5093 13.5 22L16.2414 19.0111H21C22.1 19.0111 23 18.1111 23 17.0111V4ZM3 4H21V17.0111H15.5L12 20.6714L8.5 17.0111H3V4Z"/></svg>;
+}
+
+const IconCozChatQuote = React.forwardRef(IconCozChatQuoteComponent);
+export default IconCozChatQuote;

package/src/IconCozChatSetting/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatSettingComponent(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_chat_setting${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.94025 19.5916L6.23607 21H11.1841C11.427 21.8132 11.9611 22.5219 12.701 22.978C12.4692 22.9926 12.2355 23 12 23H4.61803C3.87465 23 3.39116 22.2177 3.72361 21.5528L4.48405 20.0319C2.3399 18.0247 1 15.1688 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 12.2792 22.9896 12.5559 22.9692 12.8299L20.9948 11.69C20.8314 6.86296 16.8668 3 12 3C7.02944 3 3 7.02944 3 12C3 14.5928 4.09379 16.9269 5.85088 18.5718L6.94025 19.5916Z"/><path d="M8 8C7.44772 8 7 8.44772 7 9 7 9.55229 7.44772 10 8 10H15C15.5523 10 16 9.55229 16 9 16 8.44772 15.5523 8 15 8H8zM7 13C7 12.4477 7.44772 12 8 12H11C11.5523 12 12 12.4477 12 13 12 13.5523 11.5523 14 11 14H8C7.44772 14 7 13.5523 7 13zM19.5 17.9999C19.5 18.8284 18.8284 19.4999 18 19.4999 17.1716 19.4999 16.5 18.8284 16.5 17.9999 16.5 17.1715 17.1716 16.4999 18 16.4999 18.8284 16.4999 19.5 17.1715 19.5 17.9999z"/><path fillRule="evenodd" clipRule="evenodd" d="M19.0001 12.2726C18.3813 11.9153 17.6189 11.9153 17.0001 12.2726L13.54 14.2702C12.9212 14.6275 12.54 15.2878 12.54 16.0023V19.9976C12.54 20.7121 12.9212 21.3724 13.54 21.7296L17.0001 23.7273C17.6189 24.0845 18.3813 24.0845 19.0001 23.7273L22.4601 21.7296C23.0789 21.3724 23.4601 20.7121 23.4601 19.9976V16.0023C23.4601 15.2878 23.0789 14.6275 22.4601 14.2702L19.0001 12.2726ZM21.4601 16.0023L18.0001 14.0046L14.54 16.0023V19.9976L18.0001 21.9952L21.4601 19.9976V16.0023Z"/></svg>;
+}
+
+const IconCozChatSetting = React.forwardRef(IconCozChatSettingComponent);
+export default IconCozChatSetting;

package/src/IconCozChatStar/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatStarComponent(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_chat_star${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="M16.1625 6.69348C16.067 6.43551 15.7022 6.43551 15.6067 6.69348L15.345 7.40073C15.315 7.48183 15.2511 7.54578 15.17 7.57579L14.4627 7.8375C14.2047 7.93295 14.2047 8.29782 14.4627 8.39327L15.17 8.65498C15.2511 8.68499 15.315 8.74894 15.345 8.83004L15.6067 9.53729C15.7022 9.79526 16.067 9.79526 16.1625 9.53729L16.4242 8.83004C16.4542 8.74894 16.5182 8.68499 16.5993 8.65498L17.3065 8.39327C17.5645 8.29782 17.5645 7.93295 17.3065 7.8375L16.5993 7.57579C16.5182 7.54578 16.4542 7.48183 16.4242 7.40073L16.1625 6.69348zM11.0125 7.88812C11.2989 7.11422 12.3935 7.11422 12.6798 7.88812L13.4649 10.0099C13.555 10.2532 13.7468 10.445 13.9901 10.5351L16.1119 11.3202C16.8858 11.6065 16.8858 12.7011 16.1119 12.9875L13.9901 13.7726C13.7468 13.8627 13.555 14.0545 13.4649 14.2978L12.6798 16.4196C12.3935 17.1935 11.2989 17.1935 11.0125 16.4196L10.2274 14.2978C10.1373 14.0545 9.9455 13.8627 9.70218 13.7726L7.58043 12.9875C6.80653 12.7011 6.80652 11.6065 7.58043 11.3202L9.70218 10.5351C9.9455 10.445 10.1373 10.2532 10.2274 10.0099L11.0125 7.88812z"/><path fillRule="evenodd" clipRule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 15.1688 2.3399 18.0247 4.48405 20.0319L3.72361 21.5528C3.39116 22.2177 3.87465 23 4.61803 23H12ZM6.94025 19.5916L5.85088 18.5718C4.09379 16.9269 3 14.5928 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21H6.23607L6.94025 19.5916Z"/></svg>;
+}
+
+const IconCozChatStar = React.forwardRef(IconCozChatStarComponent);
+export default IconCozChatStar;

package/src/IconCozChatStarFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatStarFillComponent(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_chat_star_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="M23 12C23 18.0751 18.0751 23 12 23H4.61803C3.87465 23 3.39116 22.2177 3.72361 21.5528L4.48405 20.0319C2.3399 18.0247 1 15.1688 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM16.1625 6.69348C16.067 6.43551 15.7022 6.43551 15.6067 6.69348L15.345 7.40073C15.315 7.48183 15.2511 7.54578 15.17 7.57579L14.4627 7.8375C14.2047 7.93295 14.2047 8.29782 14.4627 8.39327L15.17 8.65498C15.2511 8.68499 15.315 8.74894 15.345 8.83004L15.6067 9.53729C15.7022 9.79526 16.067 9.79526 16.1625 9.53729L16.4242 8.83004C16.4542 8.74894 16.5182 8.68499 16.5993 8.65498L17.3065 8.39327C17.5645 8.29782 17.5645 7.93295 17.3065 7.8375L16.5993 7.57579C16.5182 7.54578 16.4542 7.48183 16.4242 7.40073L16.1625 6.69348ZM11.0125 7.88812C11.2989 7.11422 12.3935 7.11422 12.6798 7.88812L13.4649 10.0099C13.555 10.2532 13.7468 10.445 13.9901 10.5351L16.1119 11.3202C16.8858 11.6065 16.8858 12.7011 16.1119 12.9875L13.9901 13.7726C13.7468 13.8627 13.555 14.0545 13.4649 14.2978L12.6798 16.4196C12.3935 17.1935 11.2989 17.1935 11.0125 16.4196L10.2274 14.2978C10.1373 14.0545 9.9455 13.8627 9.70218 13.7726L7.58043 12.9875C6.80653 12.7011 6.80652 11.6065 7.58043 11.3202L9.70218 10.5351C9.9455 10.445 10.1373 10.2532 10.2274 10.0099L11.0125 7.88812Z"/></svg>;
+}
+
+const IconCozChatStarFill = React.forwardRef(IconCozChatStarFillComponent);
+export default IconCozChatStarFill;

package/src/IconCozChatThreeFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatThreeFillComponent(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_chat_three_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="M7 2.5C5.89543 2.5 5 3.39543 5 4.5V5.5C5 6.60457 5.89543 7.5 7 7.5H18.6667L21.3046 9.08276C21.5434 9.22605 21.8316 8.99487 21.7435 8.73064L21.3246 7.47379C22.2748 7.31871 23 6.49405 23 5.5V4.5C23 3.39543 22.1046 2.5 21 2.5H7zM5 17.5C5 16.3954 5.89543 15.5 7 15.5H21C22.1046 15.5 23 16.3954 23 17.5V18.5C23 19.494 22.2748 20.3187 21.3246 20.4738L21.7435 21.7306C21.8316 21.9949 21.5434 22.2261 21.3046 22.0828L18.6667 20.5H7C5.89543 20.5 5 19.6046 5 18.5V17.5zM1 11C1 9.89543 1.89543 9 3 9H17C18.1046 9 19 9.89543 19 11V12C19 13.1046 18.1046 14 17 14H5.33333L2.69541 15.5828C2.45658 15.7261 2.16838 15.4949 2.25645 15.2306L2.6754 13.9738C1.7252 13.8187 1 12.994 1 12V11z"/></svg>;
+}
+
+const IconCozChatThreeFill = React.forwardRef(IconCozChatThreeFillComponent);
+export default IconCozChatThreeFill;

package/src/IconCozChatTwoFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozChatTwoFillComponent(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_chat_two_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="M19.5 11C19.5 16.2467 15.2467 20.5 10 20.5H3.31134C2.52441 20.5 2.04582 19.6331 2.4651 18.9672L3.26376 17.6987C1.55561 15.9811 0.5 13.6138 0.5 11C0.5 5.75329 4.75329 1.5 10 1.5C15.2467 1.5 19.5 5.75329 19.5 11ZM7 8C6.44772 8 6 8.44772 6 9C6 9.55229 6.44772 10 7 10H13C13.5523 10 14 9.55229 14 9C14 8.44772 13.5523 8 13 8H7ZM6 13C6 12.4477 6.44772 12 7 12H11C11.5523 12 12 12.4477 12 13C12 13.5523 11.5523 14 11 14H7C6.44772 14 6 13.5523 6 13Z"/><path d="M21 11C21 15.6527 18.1113 19.6307 14.0296 21.2385C14.6575 21.409 15.3181 21.5 16 21.5H20.9086C21.6455 21.5 22.1293 20.7301 21.8096 20.0662L21.3966 19.2083C22.6989 17.8593 23.5 16.0232 23.5 14C23.5 11.5956 22.3686 9.45542 20.609 8.08291C20.8639 9.01193 21 9.99007 21 11Z"/></svg>;
+}
+
+const IconCozChatTwoFill = React.forwardRef(IconCozChatTwoFillComponent);
+export default IconCozChatTwoFill;

package/src/IconCozCheckMark/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCheckMarkComponent(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_check_mark${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="M8.99488 17.8336L3.69157 12.5303C3.30105 12.1398 3.30105 11.5066 3.69157 11.1161C4.0821 10.7256 4.71526 10.7256 5.10579 11.1161L9.70198 15.7123L19.2479 6.16637C19.6384 5.77584 20.2716 5.77584 20.6621 6.16637C21.0527 6.55689 21.0527 7.19006 20.6621 7.58058L10.4091 17.8336C10.0186 18.2242 9.3854 18.2242 8.99488 17.8336Z"/></svg>;
+}
+
+const IconCozCheckMark = React.forwardRef(IconCozCheckMarkComponent);
+export default IconCozCheckMark;

package/src/IconCozCheckMarkCircle/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCheckMarkCircleComponent(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_check_mark_circle${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="M7.29265 13.1214C6.90212 12.7309 6.90212 12.0978 7.29265 11.7072C7.68317 11.3167 8.31634 11.3167 8.70686 11.7072L10.8282 13.8285L15.7779 8.8788C16.1685 8.48828 16.8016 8.48828 17.1921 8.8788C17.5827 9.26932 17.5827 9.90249 17.1921 10.293L11.5353 15.9499C11.1448 16.3404 10.5116 16.3404 10.1211 15.9499L7.29265 13.1214Z"/><path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"/></svg>;
+}
+
+const IconCozCheckMarkCircle = React.forwardRef(IconCozCheckMarkCircleComponent);
+export default IconCozCheckMarkCircle;

package/src/IconCozCheckMarkCircleFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCheckMarkCircleFillComponent(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_check_mark_circle_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="M11.9998 23C5.92397 23 0.999756 18.0758 0.999756 12C0.999756 5.92425 5.92397 1.00003 11.9998 1.00003C18.0755 1.00003 22.9998 5.92425 22.9998 12C22.9998 18.0758 18.0755 23 11.9998 23ZM7.29265 13.1214C6.90212 12.7309 6.90212 12.0978 7.29265 11.7072C7.68317 11.3167 8.31634 11.3167 8.70686 11.7072L10.8282 13.8285L15.7779 8.8788C16.1685 8.48828 16.8016 8.48828 17.1921 8.8788C17.5827 9.26932 17.5827 9.90249 17.1921 10.293L11.5353 15.9499C11.1448 16.3404 10.5116 16.3404 10.1211 15.9499L7.29265 13.1214Z"/></svg>;
+}
+
+const IconCozCheckMarkCircleFill = React.forwardRef(IconCozCheckMarkCircleFillComponent);
+export default IconCozCheckMarkCircleFill;

package/src/IconCozCheckMarkCircleFillPalet/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozCheckMarkCircleFillPaletComponent(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_check_mark_circle_fill_palet${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="M0.999756 12C0.999756 18.0758 5.92397 23 11.9998 23C18.0755 23 22.9998 18.0758 22.9998 12C22.9998 5.92425 18.0755 1.00003 11.9998 1.00003C5.92397 1.00003 0.999756 5.92425 0.999756 12Z"/><path d="M7.29265 11.7072C6.90212 12.0978 6.90212 12.7309 7.29265 13.1214L10.1211 15.9499C10.5116 16.3404 11.1448 16.3404 11.5353 15.9499L17.1921 10.293C17.5827 9.90249 17.5827 9.26932 17.1921 8.8788C16.8016 8.48828 16.1685 8.48828 15.7779 8.8788L10.8282 13.8285L8.70686 11.7072C8.31634 11.3167 7.68317 11.3167 7.29265 11.7072Z"/></svg>;
+}
+
+const IconCozCheckMarkCircleFillPalet = React.forwardRef(IconCozCheckMarkCircleFillPaletComponent);
+export default IconCozCheckMarkCircleFillPalet;