@arco-iconbox/react-coze 0.0.1

package/src/IconCozPage/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPageComponent(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_page${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 4.2C3 3.0799 3 2.51984 3.21799 2.09202C3.40973 1.71569 3.71569 1.40973 4.09202 1.21799C4.51984 1 5.0799 1 6.2 1H13.6745C14.1636 1 14.4082 1 14.6384 1.05526C14.8425 1.10425 15.0376 1.18506 15.2165 1.29472C15.4184 1.4184 15.5913 1.59136 15.9372 1.93726L20.0627 6.06272C20.4086 6.40862 20.5815 6.58157 20.7052 6.7834C20.8149 6.96235 20.8957 7.15744 20.9447 7.36151C20.9999 7.59169 20.9999 7.83628 20.9999 8.32546V19.8C20.9999 20.9201 20.9999 21.4802 20.7819 21.908C20.5902 22.2843 20.2842 22.5903 19.9079 22.782C19.4801 23 18.92 23 17.7999 23H6.2C5.07989 23 4.51984 23 4.09202 22.782C3.71569 22.5903 3.40973 22.2843 3.21799 21.908C3 21.4802 3 20.9201 3 19.8V4.2ZM6.2 3H13.6745C13.8165 3 13.9199 3.00014 14 3.00096V5.12001C14 6.1281 14 6.63215 14.1962 7.01719C14.3688 7.35588 14.6441 7.63124 14.9828 7.80381C15.3679 8 15.8719 8 16.88 8H18.999C18.9998 8.08008 18.9999 8.18351 18.9999 8.32546V19.8C18.9999 20.3931 18.9984 20.7176 18.9793 20.9507L18.977 20.9771L18.9507 20.9794C18.7175 20.9984 18.393 21 17.7999 21H6.2C5.60694 21 5.28244 20.9984 5.04927 20.9794L5.0229 20.9771L5.02061 20.9507C5.00156 20.7176 5 20.3931 5 19.8V4.2C5 3.60695 5.00156 3.28244 5.02061 3.04927L5.0229 3.0229L5.04927 3.02061C5.28244 3.00156 5.60695 3 6.2 3Z"/></svg>;
+}
+
+const IconCozPage = React.forwardRef(IconCozPageComponent);
+export default IconCozPage;

package/src/IconCozPageArrowUp/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPageArrowUpComponent(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_page_arrow_up${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.2 3H13.6745C13.8165 3 13.9199 3.00014 14 3.00096V5.12001C14 6.1281 14 6.63215 14.1962 7.01719C14.3688 7.35588 14.6441 7.63124 14.9828 7.80381C15.3679 8 15.8719 8 16.88 8H18.999C18.9998 8.08008 18.9999 8.18351 18.9999 8.32546V11.5C19.3362 11.5 19.6571 11.5664 19.9499 11.6868C20.2474 11.8088 20.5262 11.9906 20.7678 12.2322L20.9999 12.4644V8.32546C20.9999 7.83628 20.9999 7.59169 20.9447 7.36151C20.8957 7.15744 20.8149 6.96235 20.7052 6.7834C20.5815 6.58157 20.4086 6.40862 20.0627 6.06272L15.9372 1.93726C15.5913 1.59136 15.4184 1.4184 15.2165 1.29472C15.0376 1.18506 14.8425 1.10425 14.6384 1.05526C14.4082 1 14.1636 1 13.6745 1H6.2C5.0799 1 4.51984 1 4.09202 1.21799C3.71569 1.40973 3.40973 1.71569 3.21799 2.09202C3 2.51984 3 3.0799 3 4.2V19.8C3 20.9201 3 21.4802 3.21799 21.908C3.40973 22.2843 3.71569 22.5903 4.09202 22.782C4.51984 23 5.07989 23 6.2 23H16.708C16.5742 22.6938 16.5 22.3556 16.5 22V21H6.2C5.60694 21 5.28244 20.9984 5.04927 20.9794L5.0229 20.9771L5.02061 20.9507C5.00156 20.7176 5 20.3931 5 19.8V4.2C5 3.60695 5.00156 3.28244 5.02061 3.04927L5.0229 3.0229L5.04927 3.02061C5.28244 3.00156 5.60695 3 6.2 3Z"/><path d="M19 13C19.1334 13 19.2608 13.0261 19.3772 13.0736C19.4972 13.1224 19.6097 13.1955 19.7071 13.2929L23.2427 16.8284C23.6332 17.219 23.6332 17.8521 23.2427 18.2426C22.8521 18.6332 22.219 18.6332 21.8284 18.2426L20 16.4142V22C20 22.5523 19.5523 23 19 23C18.4477 23 18 22.5523 18 22V16.4142L16.1716 18.2426C15.7811 18.6332 15.1479 18.6332 14.7574 18.2426C14.3668 17.8521 14.3668 17.219 14.7574 16.8284L18.29 13.2957C18.299 13.2867 18.3081 13.2779 18.3174 13.2692C18.4961 13.1022 18.7361 13 19 13Z"/></svg>;
+}
+
+const IconCozPageArrowUp = React.forwardRef(IconCozPageArrowUpComponent);
+export default IconCozPageArrowUp;

package/src/IconCozPagePlus/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPagePlusComponent(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_page_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="M17 13C17 13.5523 16.5523 14 16 14H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V14H8C7.44771 14 7 13.5523 7 13C7 12.4477 7.44771 12 8 12H11V9C11 8.44771 11.4477 8 12 8C12.5523 8 13 8.44771 13 9V12H16C16.5523 12 17 12.4477 17 13Z"/><path fillRule="evenodd" clipRule="evenodd" d="M3 4.2C3 3.0799 3 2.51984 3.21799 2.09202C3.40973 1.71569 3.71569 1.40973 4.09202 1.21799C4.51984 1 5.0799 1 6.2 1H13.6745C14.1636 1 14.4082 1 14.6384 1.05526C14.8425 1.10425 15.0376 1.18506 15.2165 1.29472C15.4184 1.4184 15.5913 1.59136 15.9372 1.93726L20.0627 6.06272C20.4086 6.40862 20.5815 6.58157 20.7052 6.7834C20.8149 6.96235 20.8957 7.15744 20.9447 7.36151C20.9999 7.59169 20.9999 7.83628 20.9999 8.32546V19.8C20.9999 20.9201 20.9999 21.4802 20.7819 21.908C20.5902 22.2843 20.2842 22.5903 19.9079 22.782C19.4801 23 18.92 23 17.7999 23H6.2C5.07989 23 4.51984 23 4.09202 22.782C3.71569 22.5903 3.40973 22.2843 3.21799 21.908C3 21.4802 3 20.9201 3 19.8V4.2ZM6.2 3H13.6745C13.8165 3 13.9199 3.00014 14 3.00096V5.12001C14 6.1281 14 6.63215 14.1962 7.01719C14.3688 7.35588 14.6441 7.63124 14.9828 7.80381C15.3679 8 15.8719 8 16.88 8H18.999C18.9998 8.08008 18.9999 8.18351 18.9999 8.32546V19.8C18.9999 20.3931 18.9984 20.7176 18.9793 20.9507L18.977 20.9771L18.9507 20.9794C18.7175 20.9984 18.393 21 17.7999 21H6.2C5.60694 21 5.28244 20.9984 5.04927 20.9794L5.0229 20.9771L5.02061 20.9507C5.00156 20.7176 5 20.3931 5 19.8V4.2C5 3.60695 5.00156 3.28244 5.02061 3.04927L5.0229 3.0229L5.04927 3.02061C5.28244 3.00156 5.60695 3 6.2 3Z"/></svg>;
+}
+
+const IconCozPagePlus = React.forwardRef(IconCozPagePlusComponent);
+export default IconCozPagePlus;

package/src/IconCozPalette/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPaletteComponent(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_palette${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="M14 4.49988C12.6193 4.49988 11.5 5.61914 11.5 6.99988 11.5 8.38061 12.6193 9.49988 14 9.49988 15.3807 9.49988 16.5 8.38061 16.5 6.99988 16.5 5.61914 15.3807 4.49988 14 4.49988zM13.5 6.99988C13.5 6.72371 13.7238 6.49988 14 6.49988 14.2762 6.49988 14.5 6.72371 14.5 6.99988 14.5 7.27604 14.2762 7.49988 14 7.49988 13.7238 7.49988 13.5 7.27604 13.5 6.99988zM5.5 8.99988C5.5 7.61914 6.61927 6.49988 8 6.49988 9.38073 6.49988 10.5 7.61914 10.5 8.99988 10.5 10.3806 9.38073 11.4999 8 11.4999 6.61927 11.4999 5.5 10.3806 5.5 8.99988zM8 8.49988C7.72383 8.49988 7.5 8.72371 7.5 8.99988 7.5 9.27604 7.72383 9.49988 8 9.49988 8.27617 9.49988 8.5 9.27604 8.5 8.99988 8.5 8.72371 8.27617 8.49988 8 8.49988zM8.5 12.9999C7.11927 12.9999 6 14.1191 6 15.4999 6 16.8806 7.11927 17.9999 8.5 17.9999 9.88073 17.9999 11 16.8806 11 15.4999 11 14.1191 9.88073 12.9999 8.5 12.9999zM8 15.4999C8 15.2237 8.22383 14.9999 8.5 14.9999 8.77617 14.9999 9 15.2237 9 15.4999 9 15.776 8.77617 15.9999 8.5 15.9999 8.22383 15.9999 8 15.776 8 15.4999z"/><path fillRule="evenodd" clipRule="evenodd" d="M12 0.999878C5.92487 0.999878 1 5.92474 1 11.9999C1 18.075 5.92487 22.9999 12 22.9999C12.4965 22.9999 12.9608 22.9072 13.3731 22.6914C13.791 22.4726 14.0977 22.1574 14.3181 21.8022C14.7287 21.1403 14.8511 20.3102 14.9246 19.6334C14.9509 19.3921 14.9715 19.1632 14.9915 18.9422C15.0347 18.4641 15.0746 18.0232 15.1598 17.5748C15.2793 16.9462 15.4627 16.4857 15.7485 16.163C15.9419 15.9447 16.3393 15.728 17.0325 15.5264C17.5158 15.3858 18.0286 15.2812 18.582 15.1682C18.8132 15.121 19.0516 15.0724 19.2978 15.0191C20.0698 14.8519 20.9416 14.6339 21.6274 14.2366C22.3699 13.8064 23 13.0947 23 11.9999C23 5.92474 18.0751 0.999878 12 0.999878ZM3 11.9999C3 7.02931 7.02943 2.99988 12 2.99988C16.9706 2.99988 21 7.02931 21 11.9999C21 12.1764 20.9505 12.3174 20.6248 12.5061C20.2423 12.7277 19.6572 12.8949 18.8746 13.0644C18.6826 13.1059 18.4771 13.1479 18.2643 13.1913C17.6803 13.3105 17.0411 13.441 16.4739 13.606C15.7081 13.8287 14.8397 14.1728 14.2515 14.8368C13.6213 15.5481 13.3441 16.417 13.195 17.2011C13.0906 17.7501 13.0361 18.3512 12.989 18.8701C12.9711 19.0668 12.9544 19.2516 12.9364 19.4174C12.8614 20.1071 12.7636 20.5142 12.6186 20.7479C12.5611 20.8405 12.5062 20.8877 12.4456 20.9194C12.3794 20.9541 12.2486 20.9999 12 20.9999C7.02943 20.9999 3 16.9704 3 11.9999Z"/></svg>;
+}
+
+const IconCozPalette = React.forwardRef(IconCozPaletteComponent);
+export default IconCozPalette;

package/src/IconCozParagraph/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozParagraphComponent(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_paragraph${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 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4C22 4.55228 21.5523 5 21 5H3C2.44772 5 2 4.55228 2 4Z"/><path d="M11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4V21C13 21.5523 12.5523 22 12 22C11.4477 22 11 21.5523 11 21V4Z"/></svg>;
+}
+
+const IconCozParagraph = React.forwardRef(IconCozParagraphComponent);
+export default IconCozParagraph;

package/src/IconCozPaste/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPasteComponent(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_paste${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.5 4C11.3284 4 12 3.32843 12 2.5 12 1.67157 11.3284 1 10.5 1 9.67157 1 9 1.67157 9 2.5 9 3.32843 9.67157 4 10.5 4zM15.5 4C16.3284 4 17 3.32843 17 2.5 17 1.67157 16.3284 1 15.5 1 14.6716 1 14 1.67157 14 2.5 14 3.32843 14.6716 4 15.5 4zM22 2.5C22 3.32843 21.3284 4 20.5 4 19.6716 4 19 3.32843 19 2.5 19 1.67157 19.6716 1 20.5 1 21.3284 1 22 1.67157 22 2.5zM20.5 9C21.3284 9 22 8.32843 22 7.5 22 6.67157 21.3284 6 20.5 6 19.6716 6 19 6.67157 19 7.5 19 8.32843 19.6716 9 20.5 9zM22 12.5C22 13.3284 21.3284 14 20.5 14 19.6716 14 19 13.3284 19 12.5 19 11.6716 19.6716 11 20.5 11 21.3284 11 22 11.6716 22 12.5zM3 8C3 6.89543 3.89543 6 5 6H15C16.1046 6 17 6.89543 17 8V20C17 21.1046 16.1046 22 15 22H5C3.89543 22 3 21.1046 3 20V8zM15 8H5V20H15V8z"/></svg>;
+}
+
+const IconCozPaste = React.forwardRef(IconCozPasteComponent);
+export default IconCozPaste;

package/src/IconCozPause/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPauseComponent(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_pause${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="M6.677 5.5C6.677 4.94772 7.12472 4.5 7.677 4.5 8.22929 4.5 8.677 4.94772 8.677 5.5L8.677 18.5C8.677 19.0523 8.22929 19.5 7.677 19.5 7.12472 19.5 6.677 19.0523 6.677 18.5V5.5zM15.677 5.5C15.677 4.94772 16.1247 4.5 16.677 4.5 17.2293 4.5 17.677 4.94772 17.677 5.5V18.5C17.677 19.0523 17.2293 19.5 16.677 19.5 16.1247 19.5 15.677 19.0523 15.677 18.5V5.5z"/></svg>;
+}
+
+const IconCozPause = React.forwardRef(IconCozPauseComponent);
+export default IconCozPause;

package/src/IconCozPauseCircle/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPauseCircleComponent(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_pause_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="M8.4 8.6C8.4 7.99249 8.89249 7.5 9.5 7.5 10.1075 7.5 10.6 7.99249 10.6 8.6V15.4C10.6 16.0075 10.1075 16.5 9.5 16.5 8.89249 16.5 8.4 16.0075 8.4 15.4V8.6zM13.4 8.6C13.4 7.99249 13.8925 7.5 14.5 7.5 15.1075 7.5 15.6 7.99249 15.6 8.6V15.4C15.6 16.0075 15.1075 16.5 14.5 16.5 13.8925 16.5 13.4 16.0075 13.4 15.4V8.6z"/><path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"/></svg>;
+}
+
+const IconCozPauseCircle = React.forwardRef(IconCozPauseCircleComponent);
+export default IconCozPauseCircle;

package/src/IconCozPauseCircleFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPauseCircleFillComponent(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_pause_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 d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9V15C10.5 15.8284 9.82843 16.5 9 16.5C8.17157 16.5 7.5 15.8284 7.5 15V9ZM13.5 9C13.5 8.17157 14.1716 7.5 15 7.5C15.8284 7.5 16.5 8.17157 16.5 9V15C16.5 15.8284 15.8284 16.5 15 16.5C14.1716 16.5 13.5 15.8284 13.5 15V9Z"/></svg>;
+}
+
+const IconCozPauseCircleFill = React.forwardRef(IconCozPauseCircleFillComponent);
+export default IconCozPauseCircleFill;

package/src/IconCozPauseFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPauseFillComponent(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_pause_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="M5.786 5.04601C5.677 5.25992 5.677 5.53995 5.677 6.1V17.9C5.677 18.4601 5.677 18.7401 5.786 18.954 5.88187 19.1422 6.03485 19.2951 6.22301 19.391 6.43692 19.5 6.71695 19.5 7.277 19.5H8.077C8.63705 19.5 8.91708 19.5 9.13099 19.391 9.31915 19.2951 9.47214 19.1422 9.56801 18.954 9.677 18.7401 9.677 18.4601 9.677 17.9V6.1C9.677 5.53995 9.677 5.25992 9.56801 5.04601 9.47214 4.85785 9.31915 4.70487 9.13099 4.60899 8.91708 4.5 8.63705 4.5 8.077 4.5H7.277C6.71695 4.5 6.43692 4.5 6.22301 4.60899 6.03485 4.70487 5.88187 4.85785 5.786 5.04601zM14.786 5.04601C14.677 5.25992 14.677 5.53995 14.677 6.1V17.9C14.677 18.4601 14.677 18.7401 14.786 18.954 14.8819 19.1422 15.0348 19.2951 15.223 19.391 15.4369 19.5 15.7169 19.5 16.277 19.5H17.077C17.6371 19.5 17.9171 19.5 18.131 19.391 18.3192 19.2951 18.4721 19.1422 18.568 18.954 18.677 18.7401 18.677 18.4601 18.677 17.9V6.1C18.677 5.53995 18.677 5.25992 18.568 5.04601 18.4721 4.85785 18.3192 4.70487 18.131 4.60899 17.9171 4.5 17.6371 4.5 17.077 4.5H16.277C15.7169 4.5 15.4369 4.5 15.223 4.60899 15.0348 4.70487 14.8819 4.85785 14.786 5.04601z"/></svg>;
+}
+
+const IconCozPauseFill = React.forwardRef(IconCozPauseFillComponent);
+export default IconCozPauseFill;

package/src/IconCozPay/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPayComponent(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_pay${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="M10.8037 15.3816L11.0237 14.5962H13.3406L13.5619 15.3819C13.5862 15.4681 13.6648 15.5277 13.7544 15.5277H15.0607C15.1243 15.5277 15.1841 15.4975 15.2218 15.4463 15.2595 15.3951 15.2706 15.3291 15.2517 15.2684L13.1844 8.61284C13.1584 8.52918 13.081 8.47217 12.9934 8.47217H11.4296C11.3423 8.47217 11.2651 8.52881 11.2389 8.61209L9.14266 15.2676C9.12353 15.3284 9.13448 15.3946 9.17215 15.446 9.20983 15.4974 9.26972 15.5277 9.33342 15.5277H10.6111C10.7008 15.5277 10.7796 15.468 10.8037 15.3816zM12.8608 12.8931H11.5005L12.0346 10.9855C12.0528 10.9208 12.1118 10.876 12.179 10.876 12.2462 10.8759 12.3052 10.9206 12.3235 10.9853L12.8608 12.8931zM8.37923 8.63842C8.11063 8.52617 7.81187 8.47217 7.48631 8.47217H5.16398C5.05352 8.47217 4.96398 8.56171 4.96398 8.67217V15.3277C4.96398 15.4382 5.05352 15.5277 5.16398 15.5277H6.42262C6.53307 15.5277 6.62262 15.4382 6.62262 15.3277V13.1414C6.62262 13.0585 6.68978 12.9914 6.77262 12.9914H7.48631C7.8119 12.9914 8.11047 12.9405 8.37887 12.8347L8.38224 12.8334C8.65323 12.7222 8.88653 12.5677 9.07878 12.3686L9.08203 12.3651C9.27284 12.1601 9.41692 11.9205 9.51464 11.6485L9.51536 11.6465C9.61285 11.3679 9.66009 11.0623 9.66009 10.7318 9.66009 10.4071 9.61271 10.1047 9.51536 9.8266 9.41804 9.54853 9.27396 9.30761 9.08158 9.10749L9.08009 9.10593C8.8881 8.90036 8.65463 8.74517 8.38289 8.6399L8.37923 8.63842zM6.77267 11.5044C6.68983 11.5044 6.62267 11.4372 6.62267 11.3544V10.1187C6.62267 10.0359 6.68983 9.96875 6.77267 9.96875H7.37194C7.57842 9.96875 7.71606 10.0225 7.80951 10.1074 7.89629 10.1863 7.95382 10.3098 7.95382 10.5125V10.9511C7.95382 11.1055 7.91775 11.2591 7.80485 11.3702 7.71125 11.4528 7.57455 11.5044 7.37194 11.5044H6.77267z"/><path d="M16.0974 12.7853C16.0974 12.7655 16.0935 12.7458 16.0858 12.7275L14.4232 8.74934C14.3974 8.68761 14.4042 8.61706 14.4413 8.56137C14.4784 8.50568 14.5409 8.47222 14.6078 8.47222H16.0189C16.1048 8.47222 16.1811 8.52706 16.2085 8.60847L16.8257 10.4438C16.8463 10.5052 16.904 10.5464 16.9688 10.546C17.0335 10.5456 17.0907 10.5037 17.1106 10.4421L17.7021 8.6107C17.7288 8.52812 17.8057 8.47217 17.8924 8.47217H19.2655C19.3325 8.47217 19.395 8.50573 19.4321 8.56157C19.4692 8.6174 19.4758 8.68809 19.4498 8.74984L17.7773 12.7181C17.7696 12.7365 17.7656 12.7563 17.7656 12.7763V15.3278C17.7656 15.4382 17.676 15.5278 17.5656 15.5278H16.2974C16.187 15.5278 16.0974 15.4382 16.0974 15.3278V12.7853Z"/><path fillRule="evenodd" clipRule="evenodd" d="M1 12C1 18.0751 5.92485 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92485 18.0751 1 12 1C5.92485 1 1 5.92485 1 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02945 21 3 16.9706 3 12C3 7.02945 7.02945 3 12 3C16.9706 3 21 7.02945 21 12Z"/></svg>;
+}
+
+const IconCozPay = React.forwardRef(IconCozPayComponent);
+export default IconCozPay;

package/src/IconCozPencil/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPencilComponent(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_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="M17.9516 3.22029C18.7652 2.4067 20.0579 2.38031 20.8389 3.16136 21.62 3.94241 21.5936 5.23512 20.78 6.04871L19.3069 7.52185 16.4784 4.69343 17.9516 3.22029zM15.0155 6.15632L17.844 8.98474 6.98584 19.8429C6.69566 20.1331 6.32565 20.3289 5.92758 20.4029L3.34511 20.8834C3.27133 20.8972 3.19691 20.8747 3.14528 20.8231 3.09299 20.7708 3.07063 20.6951 3.0854 20.6205L3.59458 18.0496C3.67052 17.6662 3.86135 17.3105 4.14136 17.0305L15.0155 6.15632z"/></svg>;
+}
+
+const IconCozPencil = React.forwardRef(IconCozPencilComponent);
+export default IconCozPencil;

package/src/IconCozPencilPaper/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPencilPaperComponent(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_pencil_paper${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 3H19V13.2575L19.268 12.9895C19.7545 12.503 20.3666 12.2185 21 12.1361V3C21 1.89543 20.1046 1 19 1H5C3.89543 1 3 1.89543 3 3V21C3 22.1046 3.89543 23 5 23H11.1083L11.3504 21.6426C11.39 21.4204 11.4553 21.2048 11.5441 21H5L5 3Z"/><path d="M8 12C7.44772 12 7 12.4477 7 13 7 13.5523 7.44772 14 8 14H12C12.5523 14 13 13.5523 13 13 13 12.4477 12.5523 12 12 12H8zM7 8C7 7.44772 7.44772 7 8 7H16C16.5523 7 17 7.44772 17 8 17 8.55228 16.5523 9 16 9H8C7.44772 9 7 8.55228 7 8zM22.4499 14.0502C21.8642 13.4644 20.9144 13.4644 20.3286 14.0502L19.268 15.1108 21.3893 17.2322 22.4499 16.1715C23.0357 15.5857 23.0357 14.636 22.4499 14.0502zM15.3466 23.2749L20.3286 18.2928 18.2073 16.1715 13.2137 21.1651C13.0121 21.3667 12.8772 21.6253 12.8271 21.906L12.4914 23.788C12.4817 23.8426 12.4992 23.8985 12.5385 23.9377 12.5772 23.9764 12.6322 23.9941 12.6862 23.9851L14.5771 23.6706C14.8686 23.6222 15.1376 23.4838 15.3466 23.2749z"/></svg>;
+}
+
+const IconCozPencilPaper = React.forwardRef(IconCozPencilPaperComponent);
+export default IconCozPencilPaper;

package/src/IconCozPeople/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPeopleComponent(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_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 fillRule="evenodd" clipRule="evenodd" d="M17 7C17 9.76142 14.7614 12 12 12 9.23858 12 7 9.76142 7 7 7 4.23858 9.23858 2 12 2 14.7614 2 17 4.23858 17 7zM15 7C15 8.65685 13.6569 10 12 10 10.3431 10 9 8.65685 9 7 9 5.34315 10.3431 4 12 4 13.6569 4 15 5.34315 15 7zM3 19C3 15.6863 5.68629 13 9 13H15C18.3137 13 21 15.6863 21 19V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V19zM5 19C5 16.7909 6.79086 15 9 15H15C17.2091 15 19 16.7909 19 19V20H5L5 19z"/></svg>;
+}
+
+const IconCozPeople = React.forwardRef(IconCozPeopleComponent);
+export default IconCozPeople;

package/src/IconCozPeopleFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPeopleFillComponent(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_people_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="M12 12C14.7614 12 17 9.76142 17 7 17 4.23858 14.7614 2 12 2 9.23858 2 7 4.23858 7 7 7 9.76142 9.23858 12 12 12zM9 13C5.68629 13 3 15.6863 3 19V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V19C21 15.6863 18.3137 13 15 13H9z"/></svg>;
+}
+
+const IconCozPeopleFill = React.forwardRef(IconCozPeopleFillComponent);
+export default IconCozPeopleFill;

package/src/IconCozPerspectiveCorrect/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPerspectiveCorrectComponent(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_perspective_correct${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.8114 2.30726C11.936 2.28332 12.064 2.28332 12.1887 2.30726L21.3826 4.07342C21.8856 4.17004 22.2343 4.63106 22.1903 5.14134L21.1515 17.1922C21.1224 17.5291 20.9251 17.8285 20.6269 17.988L12.4718 22.3513C12.177 22.509 11.823 22.509 11.5283 22.3513L3.37319 17.988C3.07503 17.8285 2.87768 17.5291 2.84864 17.1922L1.80977 5.14135C1.76578 4.63107 2.11445 4.17004 2.61742 4.07342L11.8114 2.30726ZM3.92101 6.34571C4.64075 6.50316 5.54771 6.69316 6.49348 6.88806C8.01504 7.20161 9.69431 7.53915 11 7.79869V19.8004L4.79469 16.4803L3.92101 6.34571ZM13 19.8004L19.2054 16.4803L20.079 6.34571C19.3593 6.50316 18.4523 6.69316 17.5066 6.88806C15.985 7.20161 14.3057 7.53915 13 7.79869V19.8004ZM12 5.95805C13.1294 5.73466 14.6904 5.42251 16.1999 5.11438L12 4.30759L7.80014 5.11438C9.30964 5.42251 10.8707 5.73466 12 5.95805Z"/></svg>;
+}
+
+const IconCozPerspectiveCorrect = React.forwardRef(IconCozPerspectiveCorrectComponent);
+export default IconCozPerspectiveCorrect;

package/src/IconCozPhone/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPhoneComponent(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_phone${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 25" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M16.3409 15.3738C15.6151 15.9482 14.2871 16.4669 12.9548 15.7411C12.1384 15.2964 11.2851 14.5722 10.4188 13.706C9.54958 12.8367 8.82283 11.98 8.37828 11.1601C7.66179 9.83851 8.1692 8.52217 8.73195 7.79906L8.94692 7.52283L7.2713 3.61341L3.75409 5.06167C3.90337 7.82368 4.68021 11.6443 8.58037 15.5444C12.4805 19.4446 16.3011 20.2214 19.0631 20.3707L20.5121 16.8518L16.5983 15.1701L16.3409 15.3738ZM2.95993 3.22576L6.50981 1.76405C7.52085 1.34774 8.67882 1.82053 9.10957 2.82551L10.7852 6.73494C11.072 7.40421 10.9725 8.17652 10.5253 8.75116L10.3103 9.0274C10.0425 9.37154 9.92866 9.82346 10.1365 10.2068C10.4431 10.7723 11.0086 11.4673 11.8331 12.2917C12.6543 13.113 13.3472 13.6774 13.9115 13.9848C14.2982 14.1954 14.7545 14.0788 15.0998 13.8055L15.3571 13.6018C15.9332 13.1459 16.7129 13.0426 17.3878 13.3326L21.3016 15.0143C22.3056 15.4457 22.7775 16.6029 22.3614 17.6133L20.899 21.1649C20.5905 21.9143 19.8606 22.413 19.0511 22.3728C15.9349 22.2178 11.5505 21.343 7.16616 16.9586C2.7818 12.5743 1.90704 8.18993 1.75203 5.07369C1.71176 4.26424 2.21052 3.53434 2.95993 3.22576Z"/></svg>;
+}
+
+const IconCozPhone = React.forwardRef(IconCozPhoneComponent);
+export default IconCozPhone;

package/src/IconCozPhoneFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPhoneFillComponent(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_phone_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.41628 16.6662C11.7847 21.0346 16.1532 21.9189 19.2673 22.0786C20.0937 22.121 20.8352 21.6013 21.1323 20.8289L21.914 18.7964C22.2912 17.8158 21.8452 16.7105 20.8931 16.2661L17.7694 14.8084C17.1365 14.513 16.3953 14.5693 15.8142 14.9567L14.9336 15.5437C14.6026 15.7644 14.1939 15.8577 13.8128 15.7437C13.0836 15.5255 11.9885 15.0159 10.5276 13.5549C9.06662 12.094 8.55694 10.9989 8.33881 10.2697C8.2248 9.88858 8.31808 9.47988 8.53875 9.14887L9.12581 8.26828C9.51323 7.68715 9.56943 6.94601 9.27407 6.31311L7.81635 3.18942C7.37203 2.23729 6.2667 1.79132 5.28603 2.1685L3.2536 2.9502C2.48122 3.24727 1.9615 3.98876 2.00388 4.81522C2.16357 7.9293 3.04783 12.2977 7.41628 16.6662Z"/></svg>;
+}
+
+const IconCozPhoneFill = React.forwardRef(IconCozPhoneFillComponent);
+export default IconCozPhoneFill;

package/src/IconCozPieChart/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPieChartComponent(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_pie_chart${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 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM13 11H19.9381C19.4869 7.38128 16.6187 4.51314 13 4.06189V11ZM11 4.06189C7.05369 4.55399 4 7.92038 4 12C4 16.0796 7.05369 19.446 11 19.9381V4.06189ZM13 13V19.9381C16.6187 19.4869 19.4869 16.6187 19.9381 13H13Z"/></svg>;
+}
+
+const IconCozPieChart = React.forwardRef(IconCozPieChartComponent);
+export default IconCozPieChart;

package/src/IconCozPin/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPinComponent(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_pin${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="M13.694 1.89406C13.2522 1.45233 12.6332 1.50989 12.2431 1.8999C11.8653 2.27776 11.8994 2.93221 12.2797 3.30827L13.4739 4.50672L10.2733 7.70684C10.1783 7.80184 10.0068 7.81432 9.87229 7.81432L3.5612 8.24828C3.42685 8.24828 3.298 8.30328 3.20295 8.39828L2.6348 8.96513C2.23882 9.36111 2.22789 9.98952 2.63333 10.395L7.21629 14.9793L2.55475 19.6504C2.1649 20.041 2.16522 20.6736 2.55547 21.0638L2.57033 21.0787C2.96084 21.4692 3.59399 21.4692 3.98452 21.0787L8.64924 16.4143L13.2329 20.9944C13.6218 21.3833 14.2596 21.3819 14.6549 20.9852L15.224 20.4176C15.319 20.3226 15.3725 20.1926 15.3725 20.0576L15.8143 13.7543C15.8143 13.6243 15.8392 13.4662 15.9342 13.3712L19.1353 10.1711L20.3337 11.3622C20.8356 11.8642 21.4846 11.6597 21.7508 11.3934C22.1867 10.9576 22.1297 10.3299 21.7479 9.948L13.694 1.89406ZM14.9205 5.95214L17.7537 8.78226L13.926 12.6177L13.5085 18.4464L5.23903 10.172L11.1058 9.77124L14.9205 5.95214Z"/></svg>;
+}
+
+const IconCozPin = React.forwardRef(IconCozPinComponent);
+export default IconCozPin;

package/src/IconCozPinFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPinFillComponent(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_pin_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="M12.2433 1.99988C12.6333 1.60986 13.2524 1.55231 13.6941 1.99403L21.748 10.048C22.1299 10.4298 22.1868 11.0575 21.7509 11.4934C21.4847 11.7596 20.8358 11.9642 20.3338 11.4622L19.1354 10.2711L15.9343 13.4712C15.8393 13.5662 15.8144 13.7243 15.8144 13.8543L15.3726 20.1575C15.3726 20.2925 15.3191 20.4225 15.2241 20.5175L14.655 21.0852C14.2598 21.4819 13.6219 21.4833 13.233 21.0944L8.64936 16.5143L3.98464 21.1787C3.59411 21.5692 2.96096 21.5692 2.57045 21.1787L2.55559 21.1638C2.16535 20.7736 2.16502 20.141 2.55487 19.7503L7.21641 15.0793L2.63345 10.4949C2.22801 10.0895 2.23894 9.46109 2.63492 9.06511L3.20307 8.49826C3.29812 8.40326 3.42697 8.34826 3.56132 8.34826L9.87241 7.91429C10.0069 7.91429 10.1784 7.90182 10.2734 7.80682L13.4741 4.60669L12.2799 3.40824C11.8995 3.03218 11.8654 2.37774 12.2433 1.99988Z"/></svg>;
+}
+
+const IconCozPinFill = React.forwardRef(IconCozPinFillComponent);
+export default IconCozPinFill;

package/src/IconCozPinSlash/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPinSlashComponent(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_pin_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="M2.20549 1.19292C1.81497 1.58344 1.81497 2.21661 2.20549 2.60713L21.2974 21.699C21.6879 22.0895 22.3211 22.0895 22.7116 21.699 23.1021 21.3085 23.1021 20.6753 22.7116 20.2848L3.6197 1.19292C3.22918.802393 2.59601.802393 2.20549 1.19292zM3.56105 8.24824L5.58603 8.109 7.49486 10.0178 5.23887 10.1719 13.5084 18.4464 13.6698 16.1927 15.514 18.037 15.3724 20.0575C15.3724 20.1925 15.3189 20.3225 15.2239 20.4175L14.6547 20.9852C14.2595 21.3819 13.6217 21.3833 13.2328 20.9944L8.64908 16.4143 3.98437 21.0787C3.59384 21.4692 2.96069 21.4692 2.57018 21.0787L2.55532 21.0638C2.16507 20.6736 2.16475 20.0409 2.55459 19.6503L7.21613 14.9793 2.63318 10.3949C2.22774 9.98948 2.23867 9.36107 2.63465 8.96509L3.2028 8.39824C3.29785 8.30324 3.4267 8.24824 3.56105 8.24824zM17.7536 8.78222L15.5442 10.9961 16.9268 12.3787 19.1352 10.1711 20.3335 11.3622C20.8355 11.8641 21.4844 11.6596 21.7507 11.3934 22.1865 10.9575 22.1296 10.3298 21.7478 9.94796L13.6938 1.89401C13.2521 1.45229 12.633 1.50984 12.243 1.89986 11.8651 2.27772 11.8993 2.93216 12.2796 3.30823L13.4738 4.50668 11.2641 6.71601 12.7115 8.16345 14.9203 5.9521 17.7536 8.78222z"/></svg>;
+}
+
+const IconCozPinSlash = React.forwardRef(IconCozPinSlashComponent);
+export default IconCozPinSlash;

package/src/IconCozPinSlashFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPinSlashFillComponent(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_pin_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="M2.20573 1.19295C1.81521 1.58347 1.81521 2.21664 2.20574 2.60716L21.2976 21.699C21.6881 22.0896 22.3213 22.0896 22.7118 21.699 23.1024 21.3085 23.1024 20.6754 22.7118 20.2848L3.61995 1.19295C3.22942.802424 2.59626.802424 2.20573 1.19295zM3.56129 8.34826L5.67982 8.20258 15.5208 18.0435 15.3726 20.1575C15.3726 20.2925 15.3191 20.4225 15.2241 20.5175L14.655 21.0852C14.2597 21.4819 13.6219 21.4833 13.233 21.0944L8.64933 16.5143 3.98461 21.1787C3.59408 21.5692 2.96094 21.5692 2.57042 21.1787L2.55556 21.1638C2.16532 20.7736 2.16499 20.141 2.55484 19.7503L7.21638 15.0793 2.63342 10.4949C2.22799 10.0895 2.23891 9.46109 2.63489 9.06511L3.20305 8.49826C3.2981 8.40326 3.42695 8.34826 3.56129 8.34826zM19.1354 10.2711L16.9771 12.4288 11.3143 6.76604 13.474 4.60669 12.2798 3.40824C11.8995 3.03218 11.8654 2.37774 12.2432 1.99988 12.6332 1.60986 13.2523 1.55231 13.6941 1.99403L21.748 10.048C22.1298 10.4298 22.1868 11.0575 21.7509 11.4934 21.4847 11.7596 20.8357 11.9642 20.3338 11.4622L19.1354 10.2711z"/></svg>;
+}
+
+const IconCozPinSlashFill = React.forwardRef(IconCozPinSlashFillComponent);
+export default IconCozPinSlashFill;

package/src/IconCozPlayCircle/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlayCircleComponent(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_play_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="M10.5166 16.55L15.9611 12.4667C16.2722 12.2333 16.2722 11.7667 15.9611 11.5333L10.5166 7.45C10.1321 7.16159 9.58331 7.43597 9.58331 7.91667V16.0833C9.58331 16.564 10.1321 16.8384 10.5166 16.55Z"/><path 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 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z"/></svg>;
+}
+
+const IconCozPlayCircle = React.forwardRef(IconCozPlayCircleComponent);
+export default IconCozPlayCircle;

package/src/IconCozPlayCircleFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlayCircleFillComponent(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_play_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 d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.5586 6.9877L16.7687 11.1706C17.3571 11.567 17.3571 12.433 16.7687 12.8294L10.5586 17.0123C9.89442 17.4597 8.99999 16.9838 8.99999 16.1829V7.81709C8.99999 7.01624 9.89442 6.54029 10.5586 6.9877Z"/></svg>;
+}
+
+const IconCozPlayCircleFill = React.forwardRef(IconCozPlayCircleFillComponent);
+export default IconCozPlayCircleFill;

package/src/IconCozPlayFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlayFillComponent(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_play_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="M19.5283 11.1341C20.1949 11.519 20.1949 12.4812 19.5283 12.8661L7.8313 19.6194C7.16463 20.0043 6.3313 19.5231 6.3313 18.7533L6.3313 5.24685C6.3313 4.47705 7.16463 3.99593 7.8313 4.38083L19.5283 11.1341Z"/></svg>;
+}
+
+const IconCozPlayFill = React.forwardRef(IconCozPlayFillComponent);
+export default IconCozPlayFill;

package/src/IconCozPlayground/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlaygroundComponent(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_playground${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 5H21V10.693L23 11.8477V5C23 3.89543 22.1046 3 21 3H3C1.89543 3 1 3.89543 1 5V19C1 20.1046 1.89543 21 3 21H11.6665C11.2642 20.4227 11.0382 19.7274 11.038 19H3L3 5Z"/><path d="M18 18.4999C18.8284 18.4999 19.5 17.8284 19.5 16.9999C19.5 16.1715 18.8284 15.4999 18 15.4999C17.1716 15.4999 16.5 16.1715 16.5 16.9999C16.5 17.8284 17.1716 18.4999 18 18.4999Z"/><path fillRule="evenodd" clipRule="evenodd" d="M17.0001 11.2726C17.6189 10.9153 18.3813 10.9153 19.0001 11.2726L22.4601 13.2702C23.0789 13.6275 23.4601 14.2878 23.4601 15.0023V18.9976C23.4601 19.7121 23.0789 20.3724 22.4601 20.7296L19.0001 22.7273C18.3813 23.0845 17.6189 23.0845 17.0001 22.7273L13.54 20.7296C12.9212 20.3724 12.54 19.7121 12.54 18.9976V15.0023C12.54 14.2878 12.9212 13.6275 13.54 13.2702L17.0001 11.2726ZM18.0001 13.0046L21.4601 15.0023V18.9976L18.0001 20.9952L14.54 18.9976V15.0023L18.0001 13.0046Z"/><path d="M5.79289 9.87874C5.40237 9.48821 5.40237 8.85505 5.79289 8.46452C6.18342 8.074 6.81658 8.074 7.20711 8.46452L10.0355 11.293C10.0532 11.3107 10.0702 11.3289 10.0863 11.3476C10.3809 11.689 10.4067 12.1823 10.1637 12.5503C10.1271 12.6057 10.0844 12.6584 10.0355 12.7072L7.20711 15.5356C6.81658 15.9261 6.18342 15.9261 5.79289 15.5356C5.40237 15.1451 5.40237 14.5119 5.79289 14.1214L7.91422 12.0001L5.79289 9.87874Z"/></svg>;
+}
+
+const IconCozPlayground = React.forwardRef(IconCozPlaygroundComponent);
+export default IconCozPlayground;

package/src/IconCozPlaygroundFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlaygroundFillComponent(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_playground_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="M3 3C1.89543 3 1 3.89543 1 5V19C1 20.1046 1.89543 21 3 21H11.6665C11.264 20.4223 11.038 19.7267 11.038 18.9988V15.0012C11.038 13.7508 11.7051 12.5953 12.788 11.9701L16.25 9.9713C17.3329 9.34609 18.6671 9.34609 19.75 9.9713L23 11.8477V5C23 3.89543 22.1046 3 21 3H3ZM9.52291 11.3431C9.49148 11.301 9.45663 11.2606 9.41838 11.2224L6.37782 8.1818C5.94824 7.75222 5.25176 7.75222 4.82218 8.1818C4.39261 8.61138 4.39261 9.30786 4.82218 9.73744L7.08493 12.0002L4.82218 14.2629C4.39261 14.6925 4.39261 15.389 4.82218 15.8186C5.25176 16.2481 5.94824 16.2481 6.37782 15.8186L9.41838 12.778C9.47207 12.7243 9.51906 12.6664 9.55933 12.6054C9.81255 12.2219 9.80041 11.7148 9.52291 11.3431Z"/><path fillRule="evenodd" clipRule="evenodd" d="M17.0001 11.2726C17.6189 10.9153 18.3813 10.9153 19.0001 11.2726L22.4601 13.2702C23.0789 13.6275 23.4601 14.2878 23.4601 15.0023V18.9976C23.4601 19.7121 23.0789 20.3724 22.4601 20.7296L19.0001 22.7273C18.3813 23.0845 17.6189 23.0845 17.0001 22.7273L13.54 20.7296C12.9212 20.3724 12.54 19.7121 12.54 18.9976V15.0023C12.54 14.2878 12.9212 13.6275 13.54 13.2702L17.0001 11.2726ZM19.75 16.9999C19.75 17.9664 18.9665 18.7499 18 18.7499C17.0335 18.7499 16.25 17.9664 16.25 16.9999C16.25 16.0334 17.0335 15.2499 18 15.2499C18.9665 15.2499 19.75 16.0334 19.75 16.9999Z"/></svg>;
+}
+
+const IconCozPlaygroundFill = React.forwardRef(IconCozPlaygroundFillComponent);
+export default IconCozPlaygroundFill;

package/src/IconCozPlug/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlugComponent(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_plug${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="M21.4955 3.91881C23.5511 6.66063 23.3321 10.5675 20.8386 13.0611 20.0575 13.8421 18.7912 13.8421 18.0101 13.0611L10.9391 5.99001C10.158 5.20896 10.158 3.94263 10.9391 3.16158 13.4326.667991 17.3395.448995 20.0813 2.50459L21.1924 1.39348C21.583 1.00295 22.2161 1.00295 22.6066 1.39348 22.9972 1.784 22.9972 2.41717 22.6066 2.80769L21.4955 3.91881zM19.4243 4.57579C17.4717 2.62317 14.3059 2.62317 12.3533 4.57579L19.4243 11.6469C21.377 9.69424 21.377 6.52841 19.4243 4.57579zM9.5247 11.6467L12.3533 14.4753 14.1848 12.6439C14.5753 12.2533 15.2084 12.2533 15.599 12.6439 15.9895 13.0344 15.9895 13.6676 15.599 14.0581L13.7675 15.8895 14.4746 16.5966C15.2557 17.3777 15.2557 18.644 14.4746 19.4251L13.0604 20.8393C10.5668 23.3329 6.65993 23.5519 3.9181 21.4962L2.80769 22.6066C2.41717 22.9972 1.784 22.9972 1.39348 22.6066 1.00295 22.2161 1.00295 21.583 1.39348 21.1924L2.5039 20.082C.448316 17.3402.667317 13.4334 3.1609 10.9398L4.57511 9.52557C5.35616 8.74452 6.62249 8.74452 7.40354 9.52557L8.11048 10.2325 9.94192 8.40106C10.3324 8.01054 10.9656 8.01054 11.3561 8.40106 11.7467 8.79159 11.7467 9.42475 11.3561 9.81528L9.5247 11.6467zM4.57511 12.354L5.98933 10.9398 13.0604 18.0108 11.6462 19.4251C9.69356 21.3777 6.52774 21.3777 4.57511 19.4251 2.62249 17.4724 2.62249 14.3066 4.57511 12.354z"/></svg>;
+}
+
+const IconCozPlug = React.forwardRef(IconCozPlugComponent);
+export default IconCozPlug;

package/src/IconCozPlugFill/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPlugFillComponent(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_plug_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="M21.6831 4.08475C23.6787 6.67727 23.4889 10.4106 21.1134 12.786 20.3758 13.5237 19.1798 13.5237 18.4422 12.786L11.214 5.55784C10.4763 4.82018 10.4763 3.6242 11.214 2.88654 13.5894.511094 17.3228.321238 19.9153 2.31698L20.8389 1.39336C21.3271.905207 22.1186.905207 22.6067 1.39336 23.0949 1.88152 23.0949 2.67297 22.6067 3.16113L21.6831 4.08475zM9.3148 12.1439L11.8561 14.6852C11.911 14.5871 11.9801 14.495 12.0634 14.4116L13.8312 12.6438C14.3194 12.1557 15.1108 12.1557 15.599 12.6438 16.0871 13.132 16.0871 13.9234 15.599 14.4116L13.8312 16.1794C13.7479 16.2627 13.6557 16.3318 13.5577 16.3867L14.121 16.9501C14.9021 17.7311 14.9021 18.9975 14.121 19.7785L13.0604 20.8392C10.6284 23.2712 6.85212 23.5396 4.12343 21.6444L3.16123 22.6066C2.67307 23.0947 1.88162 23.0947 1.39346 22.6066.905305 22.1184.905305 21.327 1.39346 20.8388L2.35566 19.8766C.460489 17.1479.728888 13.3717 3.16086 10.9397L4.22152 9.87902C5.00257 9.09797 6.2689 9.09797 7.04995 9.87902L7.61323 10.4423C7.66812 10.3443 7.73724 10.2521 7.82058 10.1688L9.58835 8.40099C10.0765 7.91283 10.868 7.91283 11.3561 8.40099 11.8443 8.88914 11.8443 9.6806 11.3561 10.1688L9.58835 11.9365C9.505 12.0199 9.41281 12.089 9.3148 12.1439z"/></svg>;
+}
+
+const IconCozPlugFill = React.forwardRef(IconCozPlugFillComponent);
+export default IconCozPlugFill;

package/src/IconCozPlugin/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPluginComponent(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_plugin${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 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10V14C8 14.5523 7.55228 15 7 15C6.44772 15 6 14.5523 6 14V10Z"/><path fillRule="evenodd" clipRule="evenodd" d="M20 15.25V8.75H22.75C23.4404 8.75 24 8.19036 24 7.5C24 6.80964 23.4404 6.25 22.75 6.25H20V5.5C20 3.29086 18.2091 1.5 16 1.5H10C5.02944 1.5 1 5.52944 1 10.5V13.5C1 18.4706 5.02944 22.5 10 22.5H16C18.2091 22.5 20 20.7091 20 18.5V17.75H22.75C23.4404 17.75 24 17.1904 24 16.5C24 15.8096 23.4404 15.25 22.75 15.25H20ZM10 3.5H16C17.1046 3.5 18 4.39543 18 5.5V18.5C18 19.6046 17.1046 20.5 16 20.5H10C6.13401 20.5 3 17.366 3 13.5V10.5C3 6.63401 6.13401 3.5 10 3.5Z"/></svg>;
+}
+
+const IconCozPlugin = React.forwardRef(IconCozPluginComponent);
+export default IconCozPlugin;

package/src/IconCozPluginCitation/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCozPluginCitationComponent(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_plugin_citation${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.5 14L3.5 8C3.5 6.89543 4.39543 6 5.5 6L18.5 6C19.6046 6 20.5 6.89543 20.5 8V12.8779C20.774 12.9836 21.0361 13.1501 21.2701 13.3841L22.4807 14.5947C22.4935 14.3981 22.5 14.1998 22.5 14V8C22.5 5.79086 20.7091 4 18.5 4H17.75V1.25C17.75 0.559644 17.1904 0 16.5 0C15.8096 0 15.25 0.559644 15.25 1.25V4L8.75 4L8.75 1.25C8.75 0.559644 8.19036 0 7.5 0C6.80964 0 6.25 0.559645 6.25 1.25L6.25 4H5.5C3.29086 4 1.5 5.79086 1.5 8V14C1.5 18.9706 5.52944 23 10.5 23H13.1433L12.1488 22.0054C11.8484 21.7051 11.6593 21.3586 11.5672 21H10.5C6.63401 21 3.5 17.866 3.5 14Z"/><path d="M9 16H11.8488C11.6362 16.3677 11.5145 16.7945 11.5145 17.2498 11.5145 17.5112 11.5546 17.7632 11.629 18H9C8.44772 18 8 17.5523 8 17 8 16.4477 8.44772 16 9 16zM14.0115 18.2497H22.3215C22.9451 18.2497 23.2575 17.4957 22.8165 17.0548L20.2064 14.4447C19.7655 14.0037 19.0115 14.3161 19.0115 14.9397V16.2497H14.0115C13.4592 16.2497 13.0115 16.6975 13.0115 17.2497 13.0115 17.802 13.4592 18.2497 14.0115 18.2497zM22.0115 21.7497C22.5637 21.7497 23.0115 21.302 23.0115 20.7497 23.0115 20.1975 22.5637 19.7497 22.0115 19.7497H13.7014C13.0778 19.7497 12.7655 20.5037 13.2064 20.9447L15.8165 23.5548C16.2575 23.9957 17.0115 23.6834 17.0115 23.0598V21.7497H22.0115z"/></svg>;
+}
+
+const IconCozPluginCitation = React.forwardRef(IconCozPluginCitationComponent);
+export default IconCozPluginCitation;