@arco-iconbox/react-bioos 0.0.1

package/src/IconUploadSucceed/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadSucceedComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-upload-succeed${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 17" {...rest} ref={ref}><g clipPath="url(#svg_292e244daf__svg_46fb775904__a)" fillRule="evenodd" clipRule="evenodd"><path d="m12.224 4.163.62.52a.809.809 0 0 1 .1 1.14L7.53 12.27a.81.81 0 0 1-1.14.1l-1.24-1.041 5.932-7.067a.81.81 0 0 1 1.14-.1Z"/><path d="m3.078 8.44.543-.603a.81.81 0 0 1 1.13-.072l3.806 3.276-1.036 1.247a.81.81 0 0 1-1.152.094l-3.22-2.789a.81.81 0 0 1-.071-1.153Z"/></g><defs><clipPath id="svg_292e244daf__svg_46fb775904__a"><path d="M0 .308h16v16H0z"/></clipPath></defs></svg>;
+}
+
+const IconUploadSucceed = React.forwardRef(IconUploadSucceedComponent);
+export default IconUploadSucceed;

package/src/IconUploadingCsv/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingCsvComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-csv${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#34D9D9'} fillRule="evenodd" d="M5 1.25a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V7.5l-6.25-6.25H5Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M8.873 8.007a.2.2 0 0 1 .197-.166h.244a.2.2 0 0 1 .194.248l-.286 1.159a.2.2 0 0 1-.194.152h-.163a.2.2 0 0 1-.197-.235l.205-1.158ZM6.308 5c.47 0 .83.103 1.077.308.253.2.379.51.379.93v2.135a.2.2 0 0 1-.2.2h-.331a.2.2 0 0 1-.186-.127l-.13-.334a.022.022 0 0 0-.038-.006 1.78 1.78 0 0 1-.302.3.936.936 0 0 1-.36.173 1.799 1.799 0 0 1-.493.058c-.205 0-.391-.039-.558-.116a.906.906 0 0 1-.385-.365 1.266 1.266 0 0 1-.141-.629c0-.372.13-.646.391-.82.261-.18.652-.279 1.174-.296l.456-.014a.159.159 0 0 0 .153-.16c0-.183-.049-.318-.147-.403-.094-.086-.227-.128-.398-.128-.17 0-.338.025-.5.077a3.74 3.74 0 0 0-.309.104.208.208 0 0 1-.263-.1l-.145-.298a.188.188 0 0 1 .09-.258A2.892 2.892 0 0 1 6.308 5Zm.134 1.963c-.308.008-.521.064-.641.166a.506.506 0 0 0-.18.405c0 .145.043.25.129.314a.57.57 0 0 0 .333.09c.205 0 .379-.06.52-.18.14-.124.211-.297.211-.52v-.081a.2.2 0 0 0-.207-.2l-.165.006Z" opacity=".4"/><g opacity=".5"><mask id="svg_4577f855ac__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="M11.25 1.25 17.5 7.5h-3.75a2.5 2.5 0 0 1-2.5-2.5V1.25Z"/></mask><g mask="url(#svg_4577f855ac__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.25H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V3.75a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><g filter="url(#svg_4577f855ac__svg_628cb5675f__b)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M11.053 14.508c0 .257-.06.476-.182.658a1.128 1.128 0 0 1-.546.406c-.242.093-.543.14-.903.14-.266 0-.494-.019-.686-.056-.15-.026-.3-.066-.45-.12a.192.192 0 0 1-.124-.182v-.416c0-.146.151-.244.288-.195.12.043.247.082.377.115.238.06.448.091.63.091.206 0 .35-.03.434-.091a.277.277 0 0 0 .133-.238.29.29 0 0 0-.056-.175.644.644 0 0 0-.224-.175 5.635 5.635 0 0 0-.546-.252 4.24 4.24 0 0 1-.588-.301 1.015 1.015 0 0 1-.343-.364 1.167 1.167 0 0 1-.112-.539c0-.355.138-.62.413-.798.276-.177.642-.266 1.1-.266a2.97 2.97 0 0 1 1.168.224c.099.04.142.155.1.254l-.16.384a.205.205 0 0 1-.268.108 4.955 4.955 0 0 0-.176-.067 2.543 2.543 0 0 0-.343-.098 1.58 1.58 0 0 0-.336-.035.768.768 0 0 0-.35.063.204.204 0 0 0-.112.189c0 .06.019.117.056.168a.808.808 0 0 0 .231.154c.117.056.287.13.511.224.22.089.409.182.567.28a.99.99 0 0 1 .364.357c.089.14.133.324.133.553Zm-4.628 1.204c-.378 0-.7-.068-.966-.203a1.385 1.385 0 0 1-.609-.644c-.14-.29-.21-.66-.21-1.113 0-.467.08-.847.238-1.141.159-.294.378-.511.658-.651.285-.14.611-.21.98-.21a2.643 2.643 0 0 1 1.022.186c.096.038.14.148.102.245l-.17.443a.206.206 0 0 1-.262.118 4.649 4.649 0 0 0-.272-.089 1.455 1.455 0 0 0-.42-.063.75.75 0 0 0-.455.133.753.753 0 0 0-.273.385c-.056.168-.084.38-.084.637 0 .252.03.462.091.63a.794.794 0 0 0 .28.371c.121.08.268.119.441.119.22 0 .413-.028.581-.084.057-.02.113-.043.168-.068.144-.066.322.032.322.19v.413a.187.187 0 0 1-.093.165 1.568 1.568 0 0 1-.411.161c-.173.047-.392.07-.658.07Z" opacity=".9"/><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_4577f855ac__svg_628cb5675f__c)'} d="M11.544 12.014a.2.2 0 0 1 .19-.264h.633a.2.2 0 0 1 .19.136l1.298 3.864h-.912a.2.2 0 0 1-.19-.136l-1.21-3.6Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15.267 12.014a.2.2 0 0 0-.19-.264h-.634a.2.2 0 0 0-.19.136l-1.298 3.864h.912a.2.2 0 0 0 .19-.136l1.21-3.6Z"/></g><defs><linearGradient id="svg_4577f855ac__svg_628cb5675f__c" x1="11.855" x2="13.495" y1="11.54" y2="15.695" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".5"/></linearGradient><filter id="svg_4577f855ac__svg_628cb5675f__b" width="12.637" height="6" x="3.64" y="11.75" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.101961 0 0 0 0 0.788235 0 0 0 0 0.788235 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1275_29030"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1275_29030" result="shape"/></filter></defs></svg>;
+}
+
+const IconUploadingCsv = React.forwardRef(IconUploadingCsvComponent);
+export default IconUploadingCsv;

package/src/IconUploadingDoc/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingDocComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-doc${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 21" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#387BFF'} fillRule="evenodd" d="M5 1.558a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-8.75l-6.25-6.25H5Z" clipRule="evenodd"/><g opacity=".5"><mask id="svg_fa8e4aa652__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="m11.25 1.558 6.25 6.25h-3.75a2.5 2.5 0 0 1-2.5-2.5v-3.75Z"/></mask><g mask="url(#svg_fa8e4aa652__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.558H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-12.5a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M14 10.308H6a.375.375 0 0 0-.375.375v1.125c0 .207.168.375.375.375h8a.375.375 0 0 0 .375-.375v-1.125a.375.375 0 0 0-.375-.375Z" opacity=".9"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M10.46 14.058H5.935c-.17 0-.309.168-.309.375v1.125c0 .207.138.375.309.375h4.527c.17 0 .308-.168.308-.375v-1.125c0-.207-.138-.375-.308-.375Z" opacity=".4"/></svg>;
+}
+
+const IconUploadingDoc = React.forwardRef(IconUploadingDocComponent);
+export default IconUploadingDoc;

package/src/IconUploadingHtml/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingHtmlComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-html${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#FF9737'} fillRule="evenodd" d="M5 1.25a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V7.5l-6.25-6.25H5Z" clipRule="evenodd"/><g opacity=".5"><mask id="svg_5826eeb1d7__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="M11.25 1.25 17.5 7.5h-3.75a2.5 2.5 0 0 1-2.5-2.5V1.25Z"/></mask><g mask="url(#svg_5826eeb1d7__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.25H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V3.75a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_5826eeb1d7__svg_08ab8ca2fd__b)'} d="M6.2 15.511a.2.2 0 0 1-.32-.16v-1.513a.4.4 0 0 1 .16-.32l3.28-2.449a.1.1 0 0 1 .16.08v1.713a.4.4 0 0 1-.16.32l-3.12 2.33Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M6.2 8.439a.2.2 0 0 0-.32.16v1.512a.4.4 0 0 0 .16.32l3.28 2.45a.1.1 0 0 0 .16-.08v-1.713a.4.4 0 0 0-.16-.32L6.2 8.438Z" opacity=".9"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M13.743 13.692h-3.226a.381.381 0 0 0-.387.375v1.006c0 .207.173.375.387.375h3.226a.381.381 0 0 0 .387-.375v-1.006a.381.381 0 0 0-.387-.375Z"/><defs><linearGradient id="svg_5826eeb1d7__svg_08ab8ca2fd__b" x1="5.63" x2="9.978" y1="14.893" y2="13.397" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".3"/></linearGradient></defs></svg>;
+}
+
+const IconUploadingHtml = React.forwardRef(IconUploadingHtmlComponent);
+export default IconUploadingHtml;

package/src/IconUploadingMd/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingMdComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-md${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#7A859B'} fillRule="evenodd" d="M5 1.25a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V7.5l-6.25-6.25H5Z" clipRule="evenodd"/><g opacity=".5"><mask id="svg_4674346161__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="M11.25 1.25 17.5 7.5h-3.75a2.5 2.5 0 0 1-2.5-2.5V1.25Z"/></mask><g mask="url(#svg_4674346161__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.25H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V3.75a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><g filter="url(#svg_4674346161__svg_c6dc97ca57__b)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M7.5 15.428V9.671c0-.177-.134-.321-.3-.321h-.9c-.166 0-.3.144-.3.321v5.758c0 .177.134.321.3.321h.9c.166 0 .3-.144.3-.322Z"/></g><g filter="url(#svg_4674346161__svg_c6dc97ca57__c)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M14 15.428V9.671c0-.177-.134-.321-.3-.321h-.9c-.166 0-.3.144-.3.321v5.758c0 .177.134.321.3.321h.9c.166 0 .3-.144.3-.322Z"/></g><g filter="url(#svg_4674346161__svg_c6dc97ca57__d)"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_4674346161__svg_c6dc97ca57__e)'} fillRule="evenodd" d="M7.058 9.35a.2.2 0 0 0-.182.282l2.492 5.578a.2.2 0 0 0 .19.14h.884a.2.2 0 0 0 .19-.14l2.492-5.578a.2.2 0 0 0-.182-.282h-.882a.2.2 0 0 0-.183.118L10 13.671 8.123 9.468a.2.2 0 0 0-.183-.118h-.882Z" clipRule="evenodd" shapeRendering="crispEdges"/></g><defs><filter id="svg_4674346161__svg_c6dc97ca57__b" width="3.5" height="8.4" x="5" y="9.35" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.44497 0 0 0 0 0.48295 0 0 0 0 0.558909 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1275_29060"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1275_29060" result="shape"/></filter><filter id="svg_4674346161__svg_c6dc97ca57__c" width="3.5" height="8.4" x="11.5" y="9.35" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.44497 0 0 0 0 0.48295 0 0 0 0 0.558909 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1275_29060"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1275_29060" result="shape"/></filter><filter id="svg_4674346161__svg_c6dc97ca57__d" width="8.284" height="8" x="5.858" y="9.35" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.44497 0 0 0 0 0.48295 0 0 0 0 0.558909 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1275_29060"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1275_29060" result="shape"/></filter><linearGradient id="svg_4674346161__svg_c6dc97ca57__e" x1="6" x2="12" y1="9.6" y2="9.6" gradientUnits="userSpaceOnUse"><stop stopColor="#fff" stopOpacity=".5"/><stop offset="1" stopColor="#fff"/></linearGradient></defs></svg>;
+}
+
+const IconUploadingMd = React.forwardRef(IconUploadingMdComponent);
+export default IconUploadingMd;

package/src/IconUploadingPdf/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingPdfComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-pdf${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 21" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#FF6C6B'} fillRule="evenodd" d="M5 1.558a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-8.75l-6.25-6.25H5Z" clipRule="evenodd"/><g filter="url(#svg_b3224be663__a)" fillRule="evenodd" clipRule="evenodd"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="m5.3 14.395 1.088 1.497c2.285-1.617 4.396-4.858 4.396-8.104h-1.85c0 2.81-1.935 5.41-3.634 6.607Z" opacity=".4"/><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_b3224be663__svg_e7529994d2__b)'} d="M13.168 12.109c-2.552-.002-5.684.913-7.84 2.323l1.088 1.498c2.024-1.293 5.196-2.148 7.4-1.95l-1.114-1.533.466-.338Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M14.536 12.319c-2.048-.458-3.344-2.494-3.752-4.531h-1.85c.424 3.055 2.505 5.948 5.602 6.411v-1.88Z"/></g><g opacity=".5"><mask id="svg_b3224be663__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="m11.25 1.558 6.25 6.25h-3.75a2.5 2.5 0 0 1-2.5-2.5v-3.75Z"/></mask><g mask="url(#svg_b3224be663__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.558H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-12.5a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><defs><linearGradient id="svg_b3224be663__svg_e7529994d2__b" x1="5.179" x2="16.145" y1="15.157" y2="15.157" gradientUnits="userSpaceOnUse"><stop stopColor="#FFE4E4"/><stop offset="1" stopColor="#F1BDBC"/></linearGradient><filter id="svg_b3224be663__svg_e7529994d2__a" width="11.236" height="10.142" x="4.3" y="7.788" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.822564 0 0 0 0 0.0809963 0 0 0 0 0.0809963 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_693_65552"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_693_65552" result="shape"/></filter></defs></svg>;
+}
+
+const IconUploadingPdf = React.forwardRef(IconUploadingPdfComponent);
+export default IconUploadingPdf;

package/src/IconUploadingPng/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingPngComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-png${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#FFC737'} fillRule="evenodd" d="M5 1.25a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V7.5l-6.25-6.25H5Z" clipRule="evenodd"/><g opacity=".5"><mask id="svg_82d8c3d948__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="M11.25 1.25 17.5 7.5h-3.75a2.5 2.5 0 0 1-2.5-2.5V1.25Z"/></mask><g mask="url(#svg_82d8c3d948__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.25H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V3.75a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><g filter="url(#svg_82d8c3d948__svg_bff139fa05__b)"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_82d8c3d948__svg_bff139fa05__c)'} fillRule="evenodd" d="M8.432 12.761 7.8 11.495a.5.5 0 0 0-.895 0l-1.69 3.382a.5.5 0 0 0 .447.724h1.352l.168-.335 1.251-2.504Zm.839 1.678.206.411h-.412l.206-.412Z" clipRule="evenodd" opacity=".8"/><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_82d8c3d948__svg_bff139fa05__d)'} d="m8.213 14.876 2.692-5.382a.5.5 0 0 1 .894 0l2.69 5.382a.5.5 0 0 1-.446.724H8.66a.5.5 0 0 1-.448-.724Z" opacity=".9"/><circle cx="7.252" cy="7.2" r="1.4" fill={useCurrentColor ? 'currentColor' : '#fff'} opacity=".4"/></g><defs><linearGradient id="svg_82d8c3d948__svg_bff139fa05__c" x1="9.78" x2="4.856" y1="15.6" y2="15.6" gradientUnits="userSpaceOnUse"><stop stopColor="#fff" stopOpacity=".3"/><stop offset="1" stopColor="#fff"/></linearGradient><linearGradient id="svg_82d8c3d948__svg_bff139fa05__d" x1="11.352" x2="11.352" y1="8.6" y2="15.6" gradientUnits="userSpaceOnUse"><stop stopColor="#fff" stopOpacity=".4"/><stop offset="1" stopColor="#fff"/></linearGradient><filter id="svg_82d8c3d948__svg_bff139fa05__b" width="11.383" height="11.8" x="4.16" y="5.8" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.780392 0 0 0 0 0.215686 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1840_22939"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1840_22939" result="shape"/></filter></defs></svg>;
+}
+
+const IconUploadingPng = React.forwardRef(IconUploadingPngComponent);
+export default IconUploadingPng;

package/src/IconUploadingPpt/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingPptComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-ppt${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#FFA337'} stroke="#FFA337" d="M4.5 6A3.5 3.5 0 0 1 8 2.5h9.793l9.707 9.707V26a3.5 3.5 0 0 1-3.5 3.5H8A3.5 3.5 0 0 1 4.5 26V6Z"/><g filter="url(#svg_8fc684f11f__a)"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_8fc684f11f__svg_8a267223a8__b)'} d="M12 25.485V20.8c0-.8.8-.8.8-.8h-2.72c-.265 0-.48.23-.48.514v4.971c0 .285.215.515.48.515h1.44c.265 0 .48-.23.48-.515Z" shapeRendering="crispEdges"/></g><g filter="url(#svg_8fc684f11f__svg_8a267223a8__c)"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_8fc684f11f__svg_8a267223a8__d)'} fillRule="evenodd" d="M19.296 16.608H9.9a.3.3 0 0 1-.3-.3V13.9a.3.3 0 0 1 .3-.3h10.82c.875 0 1.584.71 1.584 1.584v6.24c0 .875-.71 1.584-1.584 1.584H12V20h7.296v-3.392Z" clipRule="evenodd" shapeRendering="crispEdges"/></g><g opacity=".5"><mask id="svg_8fc684f11f__a" width="10" height="10" x="18" y="2" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="m18 2 10 10h-6a4 4 0 0 1-4-4V2Z"/></mask><g mask="url(#svg_8fc684f11f__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M24 2H8a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4Z"/></g></g><defs><linearGradient id="svg_8fc684f11f__svg_8a267223a8__b" x1="10.8" x2="10.8" y1="20" y2="26" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".3"/></linearGradient><linearGradient id="svg_8fc684f11f__svg_8a267223a8__d" x1="15.952" x2="15.952" y1="13.6" y2="23.008" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".4"/></linearGradient><filter id="svg_8fc684f11f__svg_8a267223a8__a" width="5.2" height="8" x="8.6" y="20" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.545098 0 0 0 0 0.215686 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1830_145040"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1830_145040" result="shape"/></filter><filter id="svg_8fc684f11f__svg_8a267223a8__c" width="14.704" height="11.408" x="8.6" y="13.6" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.545098 0 0 0 0 0.215686 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1830_145040"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1830_145040" result="shape"/></filter></defs></svg>;
+}
+
+const IconUploadingPpt = React.forwardRef(IconUploadingPptComponent);
+export default IconUploadingPpt;

package/src/IconUploadingTxt/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingTxtComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-txt${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 21" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#ABB8D0'} fillRule="evenodd" d="M5 1.558a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-8.75l-6.25-6.25H5Z" clipRule="evenodd"/><g opacity=".5"><mask id="svg_eb86c923de__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="m11.25 1.558 6.25 6.25h-3.75a2.5 2.5 0 0 1-2.5-2.5v-3.75Z"/></mask><g mask="url(#svg_eb86c923de__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.558H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-12.5a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_eb86c923de__svg_c7824f3d4d__b)'} d="M10.94 16.143v-5.527c0-.17-.168-.308-.375-.308H9.44c-.207 0-.375.138-.375.308v5.527c0 .171.168.31.375.31h1.125c.207 0 .375-.139.375-.31Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M13.613 9.308H6.387A.381.381 0 0 0 6 9.683v1.125c0 .207.173.375.387.375h7.226a.381.381 0 0 0 .387-.375V9.683a.381.381 0 0 0-.387-.375Z" opacity=".9"/><defs><linearGradient id="svg_eb86c923de__svg_c7824f3d4d__b" x1="10" x2="10" y1="16.328" y2="9.828" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".3"/></linearGradient></defs></svg>;
+}
+
+const IconUploadingTxt = React.forwardRef(IconUploadingTxtComponent);
+export default IconUploadingTxt;

package/src/IconUploadingXlsx/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUploadingXlsxComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-xlsx${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#7FC934'} stroke="#7FC934" d="M3 3.75a2 2 0 0 1 2-2h6.043L17 7.707v8.543a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3.75Z"/><g opacity=".5"><mask id="svg_3a6916ea63__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="M11.25 1.25 17.5 7.5h-3.75a2.5 2.5 0 0 1-2.5-2.5V1.25Z"/></mask><g mask="url(#svg_3a6916ea63__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.25H5a2.5 2.5 0 0 0-2.5 2.5v12.5a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5V3.75a2.5 2.5 0 0 0-2.5-2.5Z"/></g></g><g filter="url(#svg_3a6916ea63__svg_c818196b07__b)" opacity=".9"><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M8.268 8.95H6.882a.281.281 0 0 0-.222.454l4.85 6.237a.281.281 0 0 0 .223.109h1.386c.234 0 .366-.27.222-.454l-4.85-6.237a.281.281 0 0 0-.223-.109Z" clipRule="evenodd"/></g><g filter="url(#svg_3a6916ea63__svg_c818196b07__c)"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_3a6916ea63__svg_c818196b07__d)'} fillRule="evenodd" d="M11.733 8.95h1.386c.234 0 .366.27.222.454l-4.85 6.237a.281.281 0 0 1-.223.109H6.882a.281.281 0 0 1-.222-.454l4.85-6.237a.281.281 0 0 1 .223-.109Z" clipRule="evenodd" shapeRendering="crispEdges"/></g><defs><filter id="svg_3a6916ea63__svg_c818196b07__b" width="8.801" height="8.8" x="5.6" y="8.95" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.332711 0 0 0 0 0.62458 0 0 0 0 0.036898 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1280_29706"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1280_29706" result="shape"/></filter><filter id="svg_3a6916ea63__svg_c818196b07__c" width="8.801" height="8.8" x="5.6" y="8.95" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.332711 0 0 0 0 0.62458 0 0 0 0 0.036898 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1280_29706"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1280_29706" result="shape"/></filter><linearGradient id="svg_3a6916ea63__svg_c818196b07__d" x1="13.606" x2="6.394" y1="8.692" y2="15.905" gradientUnits="userSpaceOnUse"><stop stopColor="#fff" stopOpacity=".4"/><stop offset="1" stopColor="#fff"/></linearGradient></defs></svg>;
+}
+
+const IconUploadingXlsx = React.forwardRef(IconUploadingXlsxComponent);
+export default IconUploadingXlsx;

package/src/IconUsageAmount/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUsageAmountComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-usage-amount${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...rest} ref={ref}><g clipPath="url(#svg_6b8b52451f__svg_a273bc06c4__a)"><path fill={useCurrentColor ? 'currentColor' : '#E8FFFC'} d="M12 24c6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12C5.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".01" d="M18.667 5.333H5.333v13.334h13.334V5.333Z"/><path fill={useCurrentColor ? 'currentColor' : '#30D8DB'} fillRule="evenodd" d="M11.316 5.977a1.35 1.35 0 0 1 1.369 0l4.122 2.425c.412.242.665.685.665 1.163v4.87c0 .478-.253.92-.665 1.163l-4.122 2.425a1.35 1.35 0 0 1-1.37 0l-4.121-2.425a1.35 1.35 0 0 1-.666-1.164V9.566c0-.478.253-.92.666-1.163l4.122-2.425ZM12 7.315 8.028 9.65v4.698L12 16.685l3.972-2.336V9.65L12 7.315Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#30D8DB'} fillRule="evenodd" d="M14.222 9.583a.75.75 0 0 1 .75.75v3.334a.75.75 0 0 1-1.5 0v-3.334a.75.75 0 0 1 .75-.75ZM12 10.694a.75.75 0 0 1 .75.75v2.222a.75.75 0 0 1-1.5 0v-2.222a.75.75 0 0 1 .75-.75Zm-2.222 1.112a.75.75 0 0 1 .75.75v1.11a.75.75 0 0 1-1.5 0v-1.11a.75.75 0 0 1 .75-.75Z" clipRule="evenodd"/></g><defs><clipPath id="svg_6b8b52451f__svg_a273bc06c4__a"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0h24v24H0z"/></clipPath></defs></svg>;
+}
+
+const IconUsageAmount = React.forwardRef(IconUsageAmountComponent);
+export default IconUsageAmount;

package/src/IconUserLogout/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconUserLogoutComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-user-logout${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><rect width="20" height="20" fill={useCurrentColor ? 'currentColor' : '#F1F3F5'} rx="10"/><path fill={useCurrentColor ? 'currentColor' : '#C7CCD6'} d="M10 10.357a3.24 3.24 0 1 0 0-6.48 3.24 3.24 0 0 0 0 6.48Zm0 1.512c-2.983 0-5.402.953-5.402 2.127 0 1.175 2.419 2.129 5.402 2.129s5.402-.953 5.402-2.127c0-1.175-2.419-2.13-5.402-2.13Z"/></svg>;
+}
+
+const IconUserLogout = React.forwardRef(IconUserLogoutComponent);
+export default IconUserLogout;

package/src/IconVKEicon/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVKEiconComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-VKEicon${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><rect width="24" height="24" rx="4" fill={useCurrentColor ? 'currentColor' : '#3D98FF'}/><path d="M12 20L5.07178 16V8L12 4L18.9282 8V16L12 20Z" fill={useCurrentColor ? 'currentColor' : '#3D98FF'}/><path d="M12 20L5.07178 16V8L12 4L18.9282 8V16L12 20Z" fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".4"/><path opacity=".6" d="M12 20V16V11.9573L18.9283 8V16L12 20Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/><path d="M12.0178 20V16V11.9573L5.0896 8V16L12.0178 20Z" fill={useCurrentColor ? 'currentColor' : '#3D98FF'}/><path d="M12.0178 20V16V11.9573L5.0896 8V16L12.0178 20Z" fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".3"/><path d="M11.9958 16.7791L16.158 14.376V9.56982L11.9958 7.16672L7.8335 9.56982V14.376L11.9958 16.7791Z" fill={useCurrentColor ? 'currentColor' : '#3D98FF'}/><path d="M11.9958 16.7791L16.158 14.376V9.56982L11.9958 7.16672L7.8335 9.56982V14.376L11.9958 16.7791Z" fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M12.0158 16.8299V12.0145L7.84082 9.60413V14.4195L12.0158 16.8299Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/><path fillRule="evenodd" clipRule="evenodd" d="M12.0159 16.8299V12.0146L16.1907 9.60426V14.4196L12.0159 16.8299Z" fill={useCurrentColor ? 'currentColor' : '#3D98FF'}/></svg>;
+}
+
+const IconVKEicon = React.forwardRef(IconVKEiconComponent);
+export default IconVKEicon;

package/src/IconVScodeLogo/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVScodeLogoComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-VScode-logo${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g><g><g><path d="M15.4006 5.31605L17.9458 6.60027C18.3433 6.80325 18.3985 6.94953 18.3985 7.15975L18.41 16.8274C18.41 17.0854 18.2706 17.1869 17.8863 17.4033L15.4104 18.6844C15.3038 18.7341 15.2186 18.7945 14.5801 18.7945C14.5801 18.7945 15.1327 18.7992 15.1327 18.3577V5.69856C15.1358 5.57246 15.0893 5.45019 15.003 5.35814C14.9168 5.26609 14.7978 5.21164 14.6718 5.20654C15.2379 5.20654 15.4006 5.31605 15.4006 5.31605Z" fill={useCurrentColor ? 'currentColor' : '#368ECE'}/><path d="M4.98376 13.9295C4.89211 14.0318 4.84143 14.1644 4.84143 14.3017C4.84143 14.4391 4.89211 14.5716 4.98376 14.674C4.98376 14.674 5.65432 15.297 5.85203 15.4758C6.04974 15.6545 6.34288 15.5735 6.53276 15.4304C6.72264 15.2872 15.1321 8.86773 15.1321 8.86773V5.69856C15.1357 5.57234 15.0893 5.44981 15.003 5.35765C14.9166 5.2655 14.7974 5.21119 14.6712 5.20654C14.5824 5.20923 14.498 5.24599 14.4356 5.30921L4.98376 13.9295Z" fill={useCurrentColor ? 'currentColor' : '#115C91'}/><path d="M5.85419 8.55773C5.93692 8.4766 6.04817 8.43115 6.16404 8.43115C6.27992 8.43115 6.39117 8.4766 6.4739 8.55773L15.1331 15.1198V18.3578C15.1331 18.8019 14.5797 18.7939 14.5797 18.7939C14.5049 18.7822 14.4366 18.7448 14.3865 18.6881L4.91845 10.0154C4.83857 9.9355 4.7937 9.82714 4.7937 9.71415C4.7937 9.60117 4.83857 9.49281 4.91845 9.4129L5.85419 8.55773Z" fill={useCurrentColor ? 'currentColor' : '#2979B3'}/></g></g></g></svg>;
+}
+
+const IconVScodeLogo = React.forwardRef(IconVScodeLogoComponent);
+export default IconVScodeLogo;

package/src/IconVectorInformation/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVectorInformationComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-vector-information${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="m17.555 11.423.536.536a.788.788 0 0 1 0 1.123l-5.251 5.251h-1.66v-1.659l4.129-4.132 1.123-1.119a.795.795 0 0 1 1.123 0Z" clipRule="evenodd" opacity=".5"/><path fillRule="evenodd" d="M17.5 11.373V6.834a.666.666 0 0 0-.2-.477l-4.606-4.5a.666.666 0 0 0-.466-.19H3.167a.667.667 0 0 0-.667.666v15.334c0 .368.298.666.667.666h13.666a.667.667 0 0 0 .667-.666v-3.994l-4.66 4.66h-1.66v-1.659l4.129-4.132 1.123-1.119a.795.795 0 0 1 1.068-.05ZM12.083 8.52H7.917a.417.417 0 0 0-.417.417v.833c0 .23.187.417.417.417h4.166c.23 0 .417-.187.417-.417v-.833a.417.417 0 0 0-.417-.417Zm0 4.167H7.917a.417.417 0 0 0-.417.416v.834c0 .23.187.416.417.416h4.166c.23 0 .417-.186.417-.416v-.834a.417.417 0 0 0-.417-.416Z" clipRule="evenodd"/></svg>;
+}
+
+const IconVectorInformation = React.forwardRef(IconVectorInformationComponent);
+export default IconVectorInformation;

package/src/IconVectorLogo/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVectorLogoComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-vector-logo${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M8.167 18.333a.667.667 0 0 1-.667-.666v-.584h5v.584a.667.667 0 0 1-.667.666H8.167Zm8.916-5.833h.584a.667.667 0 0 0 .666-.667V8.167a.667.667 0 0 0-.666-.667h-.584v5ZM12.5 2.917h-5v-.584c0-.368.298-.666.667-.666h3.666c.368 0 .667.298.667.666v.584ZM2.917 7.5h-.584a.667.667 0 0 0-.666.667v3.666c0 .368.298.667.666.667h.584v-5Z" opacity=".5"/><path fillRule="evenodd" d="M2.917 16.25c0 .46.373.833.833.833h12.5c.46 0 .833-.373.833-.833V3.75a.833.833 0 0 0-.833-.833H3.75a.833.833 0 0 0-.833.833v12.5Zm8.334-9.742c0 .463-.252.867-.625 1.083v7.15h-1.25V7.59a1.25 1.25 0 1 1 1.875-1.083Zm-3.655 4.228a1.25 1.25 0 1 0-1.25 0v4.005h1.25v-4.005Zm6.684-.084c0 .463-.251.867-.625 1.083v2.952h-1.25v-2.952a1.25 1.25 0 1 1 1.875-1.083Z" clipRule="evenodd"/></svg>;
+}
+
+const IconVectorLogo = React.forwardRef(IconVectorLogoComponent);
+export default IconVectorLogo;

package/src/IconVectorNode/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVectorNodeComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-vector-node${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="M9.1 4.252c-.48-.37-.992-.7-1.532-.984-.43.156-.84.353-1.227.585A9.405 9.405 0 0 1 8.425 5.06a1.59 1.59 0 0 1 .675-.809Zm2.086.422a1.577 1.577 0 0 1 .308 1.01 9.388 9.388 0 0 1 3.623-.675 7.16 7.16 0 0 0-1.204-.997c-.953.098-1.867.325-2.727.662Zm.054 1.804a1.59 1.59 0 0 1-.835.642 9.366 9.366 0 0 1 1.705 4.985 1.58 1.58 0 0 1 1.051-.056 10.413 10.413 0 0 0-1.921-5.571Zm2.771 8.004c-.205.29-.506.51-.857.61a9.405 9.405 0 0 1 1.082 1.996h.98c.047 0 .095-.001.142-.003a10.433 10.433 0 0 0-1.347-2.603Zm-1.167.667a1.577 1.577 0 0 1-1.018-.268 9.356 9.356 0 0 1-.876 2.207h1.185c.297-.615.536-1.264.71-1.939Zm-1.634-2.076a1.59 1.59 0 0 1 .643-.833 10.419 10.419 0 0 0-4.4-1.982 1.577 1.577 0 0 1-.26 1.022 9.37 9.37 0 0 1 4.017 1.793Zm-5.302-1.088h-.033c-.365 0-.7-.123-.968-.33-.241.882-.37 1.81-.37 2.768 0 .92.119 1.814.342 2.665h1.093a9.417 9.417 0 0 1-.382-2.665c0-.844.11-1.66.318-2.438Zm-1.416-.81a1.577 1.577 0 0 1-.18-1.04A10.396 10.396 0 0 0 .72 11.211a4.329 4.329 0 0 0-.275 1.367 9.357 9.357 0 0 1 4.047-1.403Zm1.657-2.336c.364.064.685.251.918.518a9.465 9.465 0 0 1 2.117-2.335 1.591 1.591 0 0 1-.724-.77A10.523 10.523 0 0 0 6.15 8.84Z" clipRule="evenodd" opacity=".5"/><path fillRule="evenodd" d="M13.913 4.012a7.09 7.09 0 0 0-3.912-1.17 7.11 7.11 0 0 0-2.433.426c.54.284 1.053.614 1.532.984a1.582 1.582 0 0 1 2.087.421 10.395 10.395 0 0 1 2.726-.661ZM11.24 6.478c.15-.23.241-.502.254-.794a9.388 9.388 0 0 1 3.623-.675 7.103 7.103 0 0 1 1.91 3.783 4.346 4.346 0 0 1-1.67 8.293 10.433 10.433 0 0 0-1.346-2.603 1.586 1.586 0 0 0-.85-2.433 10.413 10.413 0 0 0-1.921-5.571Zm-2.056.544a1.578 1.578 0 0 0 1.22.098 9.366 9.366 0 0 1 1.706 4.985c-.09.037-.176.082-.257.135a10.419 10.419 0 0 0-4.4-1.982 1.578 1.578 0 0 0-.386-.901 9.465 9.465 0 0 1 2.117-2.335Zm-.759-1.96a1.581 1.581 0 0 0 .035 1.19A10.523 10.523 0 0 0 6.15 8.84a1.585 1.585 0 0 0-1.837 1.296A10.399 10.399 0 0 0 .72 11.21a4.36 4.36 0 0 1 2.254-2.418 7.128 7.128 0 0 1 3.367-4.94A9.405 9.405 0 0 1 8.425 5.06Zm-3.933 6.112a9.357 9.357 0 0 0-4.047 1.404 4.345 4.345 0 0 0 4.342 4.51h.092a10.484 10.484 0 0 1-.342-2.665c0-.958.129-1.886.37-2.768a1.593 1.593 0 0 1-.415-.48Zm1.416.81a9.427 9.427 0 0 0-.318 2.439c0 .925.133 1.82.382 2.665h4.978a9.36 9.36 0 0 0 .876-2.206 1.583 1.583 0 0 1-.616-1.81 9.372 9.372 0 0 0-4.017-1.791 1.583 1.583 0 0 1-1.285.704Zm6.936 3.165a10.394 10.394 0 0 1-.709 1.939h2.1a9.394 9.394 0 0 0-1.08-1.995c-.1.028-.204.048-.31.056Z" clipRule="evenodd"/></svg>;
+}
+
+const IconVectorNode = React.forwardRef(IconVectorNodeComponent);
+export default IconVectorNode;

package/src/IconVenn/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVennComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-Venn${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><g clipPath="url(#svg_43c7e484d1__svg_df07c8456e__a)"><path fillRule="evenodd" d="M16.446 10c1.792-2.777 2.281-5.415.625-7.071-1.656-1.656-4.294-1.167-7.071.625-2.777-1.792-5.415-2.281-7.071-.625C1.273 4.585 1.762 7.223 3.554 10c-1.792 2.777-2.281 5.415-.625 7.071 1.656 1.656 4.294 1.167 7.071-.625 2.777 1.792 5.415 2.281 7.071.625 1.656-1.656 1.167-4.294-.625-7.071Zm-1.078 1.493.027-.033c1.15 1.99 1.326 3.604.498 4.433-.83.828-2.444.653-4.433-.498a24.346 24.346 0 0 0 2.075-1.86 24.382 24.382 0 0 0 1.833-2.042ZM4.605 11.46l-.033.058c-1.12 1.962-1.285 3.554-.465 4.375.83.828 2.444.653 4.433-.498a24.433 24.433 0 0 1-2.076-1.86 24.365 24.365 0 0 1-1.859-2.075Zm5.378-5.87L10 5.579a22.238 22.238 0 0 1 2.357 2.065c.808.808 1.497 1.6 2.065 2.357a22.245 22.245 0 0 1-2.065 2.357c-.808.808-1.6 1.497-2.357 2.065a22.24 22.24 0 0 1-2.357-2.065A22.192 22.192 0 0 1 5.578 10a22.244 22.244 0 0 1 2.065-2.357 22.28 22.28 0 0 1 2.34-2.052ZM4.107 4.108c-.828.83-.653 2.444.498 4.433a24.456 24.456 0 0 1 1.86-2.076 24.418 24.418 0 0 1 2.042-1.832l.033-.027c-1.99-1.15-3.604-1.326-4.433-.498Zm7.353.498.058-.033c1.962-1.12 3.554-1.285 4.375-.465.828.83.653 2.444-.498 4.433a24.356 24.356 0 0 0-1.86-2.076 24.365 24.365 0 0 0-2.075-1.859Z" clipRule="evenodd"/></g><defs><clipPath id="svg_43c7e484d1__svg_df07c8456e__a"><path d="M0 0h20v20H0z"/></clipPath></defs></svg>;
+}
+
+const IconVenn = React.forwardRef(IconVennComponent);
+export default IconVenn;

package/src/IconVerticalRectTask/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVerticalRectTaskComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-VerticalRect_Task${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_7f3a784b6e__svg_7f3a784b6e__clip0_2886_67722)"><path opacity=".5" d="M16 4H32V6C32 7.10457 31.1046 8 30 8H18C16.8954 8 16 7.10457 16 6V4Z"/><path fillRule="evenodd" clipRule="evenodd" d="M6 6C6 4.89543 6.89543 4 8 4H16V6C16 7.10457 16.8954 8 18 8H30C31.1046 8 32 7.10457 32 6V4H40C41.1046 4 42 4.89543 42 6V42C42 43.1046 41.1046 44 40 44H8C6.89543 44 6 43.1046 6 42V6ZM22.2026 31.9252C22.5911 32.3137 23.2203 32.316 23.6117 31.9303L33.6347 22.0518C34.0281 21.6641 34.0327 21.031 33.645 20.6377L32.2411 19.2132C31.8534 18.8199 31.2202 18.8153 30.8269 19.2029L22.9251 26.9908L18.7963 22.862C18.4058 22.4714 17.7726 22.4714 17.3821 22.862L15.9678 24.2762C15.5773 24.6667 15.5773 25.2999 15.9678 25.6904L22.2026 31.9252Z"/></g><defs><clipPath id="svg_7f3a784b6e__svg_7f3a784b6e__clip0_2886_67722"><path d="M0 0H48V48H0z"/></clipPath></defs></svg>;
+}
+
+const IconVerticalRectTask = React.forwardRef(IconVerticalRectTaskComponent);
+export default IconVerticalRectTask;

package/src/IconView/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconViewComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-view${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M12.3101 5.80876C12.5763 5.80876 12.8164 5.64839 12.9184 5.4023C13.0204 5.15648 12.9639 4.87319 12.7758 4.6848L9.76127 1.67056C9.66147 1.57075 9.49986 1.57075 9.40006 1.67056L8.83008 2.24054C8.73027 2.34034 8.73027 2.50208 8.83008 2.60175L10.7206 4.49216H1.18012C1.0408 4.49216 0.927734 4.60509 0.927734 4.74454V5.55651C0.927734 5.69583 1.04066 5.8089 1.18012 5.8089H12.3101V5.80876ZM12.8194 8.18562H1.69254C1.42635 8.18562 1.18627 8.34599 1.08428 8.59208C0.982285 8.8379 1.03875 9.12118 1.22687 9.30958L4.24139 12.324C4.34119 12.4238 4.50279 12.4238 4.6026 12.324L5.17258 11.754C5.27238 11.6542 5.27238 11.4924 5.17258 11.3928L3.28203 9.50222H12.8194C12.9605 9.50222 13.0748 9.38778 13.0748 9.24683V8.44114C13.0748 8.30005 12.9605 8.18562 12.8194 8.18562V8.18562Z" fill={useCurrentColor ? 'currentColor' : '#4E5969'}/></svg>;
+}
+
+const IconView = React.forwardRef(IconViewComponent);
+export default IconView;

package/src/IconVray/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVrayComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-vray${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g><path fillRule="evenodd" clipRule="evenodd" d="M2.83333 2.66667H3.33333V13.3333H2.83332C2.46513 13.3333 2.16666 13.6318 2.16666 14C2.16666 14.3682 2.46513 14.6667 2.83332 14.6667H5.16666C5.53485 14.6667 5.83332 14.3682 5.83332 14C5.83332 13.6318 5.53485 13.3333 5.16666 13.3333H4.64159V2.66667H5.16666C5.53485 2.66667 5.83333 2.36819 5.83333 2C5.83333 1.63181 5.53485 1.33333 5.16666 1.33333H2.83333C2.46514 1.33333 2.16666 1.63181 2.16666 2C2.16666 2.36819 2.46514 2.66667 2.83333 2.66667ZM12.3281 2.9253C12.4172 2.5813 12.9052 2.58014 12.9959 2.92371L13.086 3.26489C13.2127 3.74535 13.588 4.12058 14.0684 4.24737L14.4096 4.33741C14.7532 4.42808 14.752 4.91615 14.408 5.00518L14.0728 5.09196C13.5894 5.21705 13.2113 5.59337 13.0839 6.0761L12.9959 6.40962C12.9052 6.75319 12.4172 6.75203 12.3281 6.40803L12.2434 6.08046C12.1177 5.59486 11.7385 5.21565 11.2529 5.08997L10.9253 5.00518C10.5813 4.91615 10.5801 4.42808 10.9237 4.33741L11.2572 4.24939C11.74 4.122 12.1163 3.74389 12.2414 3.26056L12.3281 2.9253ZM9.35376 7.36639C9.47989 6.87907 10.1713 6.87742 10.2998 7.36414L10.4273 7.84749C10.6069 8.52813 11.1385 9.05971 11.8192 9.23933L12.3025 9.36689C12.7892 9.49533 12.7876 10.1868 12.3003 10.3129L11.8253 10.4358C11.1406 10.613 10.6049 11.1462 10.4245 11.83L10.2998 12.3025C10.1713 12.7892 9.47989 12.7876 9.35376 12.3003L9.23365 11.8362C9.05559 11.1483 8.51839 10.6111 7.83046 10.433L7.36638 10.3129C6.87906 10.1868 6.87741 9.49533 7.36414 9.36689L7.83663 9.2422C8.52049 9.06172 9.05361 8.52606 9.23083 7.84135L9.35376 7.36639Z"/></g></svg>;
+}
+
+const IconVray = React.forwardRef(IconVrayComponent);
+export default IconVray;

package/src/IconVrayColor/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconVrayColorComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-vray-color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M2.8333 2.66668H3.3333V13.3333H2.83329C2.4651 13.3333 2.16663 13.6318 2.16663 14C2.16663 14.3682 2.4651 14.6667 2.83329 14.6667H5.16663C5.53482 14.6667 5.83329 14.3682 5.83329 14C5.83329 13.6318 5.53482 13.3333 5.16663 13.3333H4.64156V2.66668H5.16663C5.53482 2.66668 5.8333 2.3682 5.8333 2.00001C5.8333 1.63182 5.53482 1.33334 5.16663 1.33334H2.8333C2.46511 1.33334 2.16663 1.63182 2.16663 2.00001C2.16663 2.3682 2.46511 2.66668 2.8333 2.66668ZM12.3281 2.92531C12.4171 2.58131 12.9052 2.58015 12.9959 2.92372L13.0859 3.2649C13.2127 3.74536 13.5879 4.12059 14.0684 4.24738L14.4096 4.33742C14.7532 4.42809 14.752 4.91616 14.408 5.00519L14.0727 5.09197C13.5894 5.21707 13.2113 5.59339 13.0839 6.07611L12.9959 6.40963C12.9052 6.7532 12.4171 6.75204 12.3281 6.40805L12.2433 6.08047C12.1176 5.59487 11.7384 5.21567 11.2528 5.08998L10.9253 5.00519C10.5813 4.91616 10.5801 4.42809 10.9237 4.33742L11.2572 4.2494C11.7399 4.12201 12.1162 3.7439 12.2413 3.26057L12.3281 2.92531ZM9.35373 7.3664C9.47986 6.87908 10.1713 6.87743 10.2997 7.36416L10.4273 7.8475C10.6069 8.52814 11.1385 9.05972 11.8191 9.23935L12.3025 9.3669C12.7892 9.49535 12.7876 10.1868 12.3002 10.3129L11.8253 10.4358C11.1406 10.6131 10.6049 11.1462 10.4244 11.83L10.2997 12.3025C10.1713 12.7893 9.47986 12.7876 9.35373 12.3003L9.23362 11.8362C9.05556 11.1483 8.51836 10.6111 7.83043 10.433L7.36635 10.3129C6.87903 10.1868 6.87738 9.49535 7.36411 9.3669L7.8366 9.24221C8.52046 9.06173 9.05358 8.52607 9.2308 7.84137L9.35373 7.3664Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_b94fbffaf8__svg_63e2215f58__prefix-icon-前置图标__paint0_linear_15180_92297)'}/><defs><linearGradient id="svg_b94fbffaf8__svg_63e2215f58__prefix-icon-前置图标__paint0_linear_15180_92297" x1="2.167" y1="14.667" x2="14.667" y2="14.667" gradientUnits="userSpaceOnUse"><stop offset=".01" stopColor="#3B91FF"/><stop offset=".4" stopColor="#0D5EFF"/><stop offset=".995" stopColor="#C069FF"/></linearGradient></defs></svg>;
+}
+
+const IconVrayColor = React.forwardRef(IconVrayColorComponent);
+export default IconVrayColor;

package/src/IconWaitingB/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconWaitingBComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-waiting-b${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08" fillRule="evenodd" d="M18.33 10.83a8.33 8.33 0 1 1-16.66 0 8.33 8.33 0 0 1 16.66 0Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#387BFF'} d="M10 18.328a8.33 8.33 0 1 0 0-16.661 8.33 8.33 0 0 0 0 16.66Z"/><path fill={useCurrentColor ? 'currentColor' : '#1664FF'} fillRule="evenodd" d="M10 16.94a6.942 6.942 0 1 0 0-13.885 6.942 6.942 0 0 0 0 13.884Zm8.33-6.943a8.33 8.33 0 1 1-16.66 0 8.33 8.33 0 0 1 16.66 0Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2" fillRule="evenodd" d="M14.583 10.605v.926a.463.463 0 0 1-.462.463H9.317a.46.46 0 0 1-.265-.083l-.043-.034-.038-.039a.461.461 0 0 1-.117-.307V6.71c0-.255.207-.463.463-.463h.925c.256 0 .463.208.463.463v3.431h3.416c.255 0 .462.208.462.463Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M14.167 10.189v.925a.463.463 0 0 1-.463.463H8.9a.461.461 0 0 1-.264-.083l-.043-.034-.039-.038a.461.461 0 0 1-.117-.308v-4.82c0-.255.208-.462.463-.462h.926c.255 0 .463.207.463.463v3.43l3.415.001c.256 0 .463.207.463.463Z" clipRule="evenodd"/></svg>;
+}
+
+const IconWaitingB = React.forwardRef(IconWaitingBComponent);
+export default IconWaitingB;

package/src/IconWarningY/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconWarningYComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-warning-y${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M44.2743 25.9927C44.2743 37.0322 35.3251 45.9815 24.2856 45.9815C13.2461 45.9815 4.29688 37.0322 4.29688 25.9927C4.29688 14.9532 13.2461 6.00391 24.2856 6.00391C35.3251 6.00391 44.2743 14.9532 44.2743 25.9927Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M4.29688 24.0002C4.29688 12.9532 13.2501 4 24.297 4C35.344 4 44.2972 12.9532 44.2972 24.0002C44.2972 35.0472 35.344 44.0005 24.297 44.0005C13.2501 44.0005 4.29688 35.0472 4.29688 24.0002Z" fill={useCurrentColor ? 'currentColor' : '#F0A50F'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.297 7.33337C15.091 7.33337 7.63024 14.7942 7.63024 24.0002C7.63024 33.2063 15.091 40.6671 24.297 40.6671C33.503 40.6671 40.9638 33.2063 40.9638 24.0002C40.9638 14.7942 33.503 7.33337 24.297 7.33337ZM24.297 4C13.2501 4 4.29688 12.9532 4.29688 24.0002C4.29688 35.0472 13.2501 44.0005 24.297 44.0005C35.344 44.0005 44.2972 35.0472 44.2972 24.0002C44.2972 12.9532 35.344 4 24.297 4Z" fill={useCurrentColor ? 'currentColor' : '#D08D06'}/><path fillRule="evenodd" clipRule="evenodd" d="M26.1231 29.7019C26.6729 29.7019 27.1186 30.1476 27.1186 30.6974V33.2859C27.1186 33.8357 26.6729 34.2814 26.1231 34.2814H23.5346C22.9848 34.2814 22.5391 33.8357 22.5391 33.2859V30.6974C22.5391 30.1476 22.9848 29.7019 23.5346 29.7019H26.1231ZM26.1231 15.0801C26.6729 15.0801 27.1186 15.5258 27.1186 16.0756V26.5493C27.1186 27.0991 26.6729 27.5448 26.1231 27.5448H23.5346C22.9848 27.5448 22.5391 27.0991 22.5391 26.5493V16.0756C22.5391 15.5258 22.9848 15.0801 23.5346 15.0801H26.1231Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M25.128 28.7068C25.6778 28.7068 26.1235 29.1525 26.1235 29.7023V32.2908C26.1235 32.8406 25.6778 33.2863 25.128 33.2863H22.5395C21.9897 33.2863 21.5439 32.8406 21.5439 32.2908V29.7023C21.5439 29.1525 21.9897 28.7068 22.5395 28.7068H25.128ZM25.128 14.085C25.6778 14.085 26.1235 14.5307 26.1235 15.0805V25.5542C26.1235 26.104 25.6778 26.5497 25.128 26.5497H22.5395C21.9897 26.5497 21.5439 26.104 21.5439 25.5542V15.0805C21.5439 14.5307 21.9897 14.085 22.5395 14.085H25.128Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
+}
+
+const IconWarningY = React.forwardRef(IconWarningYComponent);
+export default IconWarningY;

package/src/IconWeburl/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconWeburlComponent(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 || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-weburl${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><path fillRule="evenodd" d="M9.659 4.244a8.122 8.122 0 0 0-4.93 4.183h3.56c.284-1.686.763-3.133 1.37-4.183ZM3.9 12c0-.68.084-1.342.242-1.973h3.943a22.616 22.616 0 0 0 0 3.947H4.142A8.117 8.117 0 0 1 3.9 12Zm.829 3.573a8.122 8.122 0 0 0 4.93 4.183c-.608-1.05-1.087-2.497-1.37-4.183h-3.56Zm5.184 0c.183.988.436 1.859.735 2.574.313.75.646 1.252.933 1.542.139.141.247.212.316.245a.238.238 0 0 0 .103.032c.01 0 .04 0 .103-.032.069-.033.177-.104.316-.245.287-.29.62-.793.933-1.542.3-.715.552-1.586.735-2.573H9.913Zm5.799 0c-.284 1.686-.763 3.133-1.37 4.183a8.122 8.122 0 0 0 4.93-4.183h-3.56Zm4.146-1.6h-3.943a22.633 22.633 0 0 0 0-3.946h3.943c.158.631.242 1.292.242 1.973a8.12 8.12 0 0 1-.242 1.973Zm-5.55 0H9.692A20.795 20.795 0 0 1 9.6 12c0-.684.032-1.344.092-1.973h4.616a20.952 20.952 0 0 1 0 3.947Zm1.403-5.546h3.56a8.122 8.122 0 0 0-4.93-4.183c.607 1.05 1.086 2.497 1.37 4.183Zm-5.063-2.573c-.3.715-.552 1.586-.735 2.573h4.174c-.183-.987-.436-1.858-.735-2.573-.313-.75-.646-1.252-.933-1.543a1.226 1.226 0 0 0-.316-.245.234.234 0 0 0-.103-.031c-.01 0-.04 0-.103.031a1.227 1.227 0 0 0-.316.245c-.287.29-.62.793-.933 1.543ZM12 2.1c-5.468 0-9.9 4.432-9.9 9.9s4.432 9.9 9.9 9.9 9.9-4.432 9.9-9.9-4.432-9.9-9.9-9.9Z" clipRule="evenodd"/></svg>;
+}
+
+const IconWeburl = React.forwardRef(IconWeburlComponent);
+export default IconWeburl;