@unicom-cloud/icons 0.1.8 → 0.1.10

package/IconCollectUnicom.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -23,5 +23,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconCollectUnicom = forwardRef(Icon);
+const IconCollectUnicom = React.forwardRef(Icon);
 export default IconCollectUnicom;

package/IconCollectUnicomCloud.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -23,5 +23,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconCollectUnicomCloud = forwardRef(Icon);
+const IconCollectUnicomCloud = React.forwardRef(Icon);
 export default IconCollectUnicomCloud;

package/IconCollectUnicomDigitalTech.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -31,5 +31,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconCollectUnicomDigitalTech = forwardRef(Icon);
+const IconCollectUnicomDigitalTech = React.forwardRef(Icon);
 export default IconCollectUnicomDigitalTech;

package/IconColorAbout.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,7 +15,7 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#2196F3'
+        fill='#2196f3'
         d='M37 40H11l-6 6V12c0-3.3 2.7-6 6-6h26c3.3 0 6 2.7 6 6v22c0 3.3-2.7 6-6 6'
       />
       <g fill='#fff'>
@@ -27,5 +27,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAbout = forwardRef(Icon);
+const IconColorAbout = React.forwardRef(Icon);
 export default IconColorAbout;

package/IconColorAcceptDatabase.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -16,11 +16,11 @@ function Icon(props, ref) {
     >
       <path
         d='M38 7H10c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2m0 12H10c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2m0 12H10c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2'
-        fill='#D1C4E9'
+        fill='#d1c4e9'
       />
-      <circle fill='#43A047' cx='38' cy='38' r='10' />
+      <circle fill='#43a047' cx='38' cy='38' r='10' />
       <path
-        fill='#DCEDC8'
+        fill='#dcedc8'
         d='M42.5 33.3 36.8 39l-2.7-2.7-2.1 2.2 4.8 4.8 7.8-7.8z'
       />
     </svg>
@@ -28,5 +28,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAcceptDatabase = forwardRef(Icon);
+const IconColorAcceptDatabase = React.forwardRef(Icon);
 export default IconColorAcceptDatabase;

package/IconColorAddColumn.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,10 +15,10 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#90CAF9'
+        fill='#90caf9'
         d='M30 5H18c-2.2 0-4 1.8-4 4v30c0 2.2 1.8 4 4 4h12c2.2 0 4-1.8 4-4V9c0-2.2-1.8-4-4-4M18 39V9h12v30z'
       />
-      <circle fill='#43A047' cx='38' cy='38' r='10' />
+      <circle fill='#43a047' cx='38' cy='38' r='10' />
       <g fill='#fff'>
         <path d='M36 32h4v12h-4z' />
         <path d='M32 36h12v4H32z' />
@@ -28,5 +28,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAddColumn = forwardRef(Icon);
+const IconColorAddColumn = React.forwardRef(Icon);
 export default IconColorAddColumn;

package/IconColorAddDatabase.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -16,9 +16,9 @@ function Icon(props, ref) {
     >
       <path
         d='M38 7H10c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2m0 12H10c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2m0 12H10c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2'
-        fill='#D1C4E9'
+        fill='#d1c4e9'
       />
-      <circle fill='#43A047' cx='38' cy='38' r='10' />
+      <circle fill='#43a047' cx='38' cy='38' r='10' />
       <g fill='#fff'>
         <path d='M36 32h4v12h-4z' />
         <path d='M32 36h12v4H32z' />
@@ -28,5 +28,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAddDatabase = forwardRef(Icon);
+const IconColorAddDatabase = React.forwardRef(Icon);
 export default IconColorAddDatabase;

package/IconColorAddImage.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,13 +15,13 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#8CBCD6'
+        fill='#8cbcd6'
         d='M40 41H8c-2.2 0-4-1.8-4-4V11c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v26c0 2.2-1.8 4-4 4'
       />
-      <circle fill='#B3DDF5' cx='35' cy='16' r='3' />
-      <path fill='#9AC9E3' d='M20 16 9 32h22z' />
-      <path fill='#B3DDF5' d='m31 22-8 10h16z' />
-      <circle fill='#43A047' cx='38' cy='38' r='10' />
+      <circle fill='#b3ddf5' cx='35' cy='16' r='3' />
+      <path fill='#9ac9e3' d='M20 16 9 32h22z' />
+      <path fill='#b3ddf5' d='m31 22-8 10h16z' />
+      <circle fill='#43a047' cx='38' cy='38' r='10' />
       <g fill='#fff'>
         <path d='M36 32h4v12h-4z' />
         <path d='M32 36h12v4H32z' />
@@ -31,5 +31,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAddImage = forwardRef(Icon);
+const IconColorAddImage = React.forwardRef(Icon);
 export default IconColorAddImage;

package/IconColorAddRow.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,10 +15,10 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#90CAF9'
+        fill='#90caf9'
         d='M43 30V18c0-2.2-1.8-4-4-4H9c-2.2 0-4 1.8-4 4v12c0 2.2 1.8 4 4 4h30c2.2 0 4-1.8 4-4M9 18h30v12H9z'
       />
-      <circle fill='#43A047' cx='38' cy='38' r='10' />
+      <circle fill='#43a047' cx='38' cy='38' r='10' />
       <g fill='#fff'>
         <path d='M32 36h12v4H32z' />
         <path d='M36 32h4v12h-4z' />
@@ -28,5 +28,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAddRow = forwardRef(Icon);
+const IconColorAddRow = React.forwardRef(Icon);
 export default IconColorAddRow;

package/IconColorAddressBook.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,11 +15,11 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#673AB7'
+        fill='#673ab7'
         d='M38 44H12V4h26c2.2 0 4 1.8 4 4v32c0 2.2-1.8 4-4 4'
       />
       <path
-        fill='#311B92'
+        fill='#311b92'
         d='M10 4h2v40h-2c-2.2 0-4-1.8-4-4V8c0-2.2 1.8-4 4-4'
       />
       <path
@@ -31,5 +31,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAddressBook = forwardRef(Icon);
+const IconColorAddressBook = React.forwardRef(Icon);
 export default IconColorAddressBook;

package/IconColorAdvance.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -14,7 +14,7 @@ function Icon(props, ref) {
       {...props_}
       strokeWidth='0'
     >
-      <g fill='#1565C0'>
+      <g fill='#1565c0'>
         <path d='M46.1 24 33 35V13zM10 20h4v8h-4zm-6 0h4v8H4zm12 0h4v8h-4z' />
         <path d='M22 20h14v8H22z' />
       </g>
@@ -23,5 +23,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAdvance = forwardRef(Icon);
+const IconColorAdvance = React.forwardRef(Icon);
 export default IconColorAdvance;

package/IconColorAdvertising.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -16,15 +16,15 @@ function Icon(props, ref) {
     >
       <path
         d='M17.4 33H15v-4h4l.4 1.5c.3 1.3-.7 2.5-2 2.5M37 36s-11.8-7-18-7V15c5.8 0 18-7 18-7z'
-        fill='#90CAF9'
+        fill='#90caf9'
       />
       <g fill='#283593'>
         <circle cx='9' cy='22' r='5' />
         <path d='M40 19h-3v6h3c1.7 0 3-1.3 3-3s-1.3-3-3-3M18.6 41.2c-.9.6-2.5 1.2-4.6 1.4-.6.1-1.2-.3-1.4-1L8.2 27.9S17 21.7 17 29c0 5.5 1.5 8.4 2.2 9.5.5.7.5 1.6 0 2.3-.2.2-.4.3-.6.4' />
       </g>
-      <path fill='#3F51B5' d='M9 29h10V15H9c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2' />
+      <path fill='#3f51b5' d='M9 29h10V15H9c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2' />
       <path
-        fill='#42A5F5'
+        fill='#42a5f5'
         d='M38 38c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2s2 .9 2 2v28c0 1.1-.9 2-2 2'
       />
     </svg>
@@ -32,5 +32,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAdvertising = forwardRef(Icon);
+const IconColorAdvertising = React.forwardRef(Icon);
 export default IconColorAdvertising;

package/IconColorAlarmClock.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -16,17 +16,17 @@ function Icon(props, ref) {
     >
       <path
         d='m38.5 44.6-4-4 2.1-2.1 4 4c.6.6.6 1.5 0 2.1-.5.5-1.5.5-2.1 0m-29 0 4-4-2.1-2.1-4 4c-.6.6-.6 1.5 0 2.1.5.5 1.5.5 2.1 0'
-        fill='#37474F'
+        fill='#37474f'
       />
-      <circle fill='#C62828' cx='24' cy='24' r='20' />
+      <circle fill='#c62828' cx='24' cy='24' r='20' />
       <circle fill='#eee' cx='24' cy='24' r='16' />
-      <path fill='#E53935' d='m15.094 33.48-.566-.566 9.193-9.192.566.566z' />
+      <path fill='#e53935' d='m15.096 33.475-.565-.566 9.192-9.192.566.566z' />
       <path d='M23 11h2v13h-2z' />
-      <path d='M31.286 29.654 29.66 31.28l-6.505-6.505 1.626-1.627z' />
+      <path d='m31.28 29.654-1.626 1.627-6.505-6.506 1.626-1.626z' />
       <circle cx='24' cy='24' r='2' />
-      <circle fill='#C62828' cx='24' cy='24' r='1' />
+      <circle fill='#c62828' cx='24' cy='24' r='1' />
       <path
-        fill='#37474F'
+        fill='#37474f'
         d='M22 1h4v3h-4zm22.4 15.2c2.5-3.5 2.1-8.4-1-11.5s-8-3.5-11.5-1zm-40.8 0c-2.5-3.5-2.1-8.4 1-11.5s8-3.5 11.5-1z'
       />
     </svg>
@@ -34,5 +34,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAlarmClock = forwardRef(Icon);
+const IconColorAlarmClock = React.forwardRef(Icon);
 export default IconColorAlarmClock;

package/IconColorAlphabeticalSortingAz.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -14,15 +14,15 @@ function Icon(props, ref) {
       {...props_}
       strokeWidth='0'
     >
-      <path fill='#546E7A' d='M38 33V5h-4v28h-6l8 10 8-10z' />
+      <path fill='#546e7a' d='M38 33V5h-4v28h-6l8 10 8-10z' />
       <path
         d='M16.8 17.2h-5.3l-1.1 3H6.9L12.6 5h2.9l5.7 15.2H18zm-4.6-2.7H16l-1.9-5.7zm.2 26H20V43H8.4v-1.9L16 30.3H8.4v-2.5h11.4v1.7z'
-        fill='#2196F3'
+        fill='#2196f3'
       />
     </svg>
   );
   return e;
 }
 
-const IconColorAlphabeticalSortingAz = forwardRef(Icon);
+const IconColorAlphabeticalSortingAz = React.forwardRef(Icon);
 export default IconColorAlphabeticalSortingAz;

package/IconColorAlphabeticalSortingZa.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -16,13 +16,13 @@ function Icon(props, ref) {
     >
       <path
         d='M16.8 40h-5.3l-1.1 3H6.9l5.7-15.2h2.9L21.1 43h-3.2zm-4.6-2.7H16l-1.9-5.7zm.2-19.6H20v2.5H8.4v-1.9L16 7.5H8.4V5h11.4v1.7z'
-        fill='#2196F3'
+        fill='#2196f3'
       />
-      <path fill='#546E7A' d='M38 33V5h-4v28h-6l8 10 8-10z' />
+      <path fill='#546e7a' d='M38 33V5h-4v28h-6l8 10 8-10z' />
     </svg>
   );
   return e;
 }
 
-const IconColorAlphabeticalSortingZa = forwardRef(Icon);
+const IconColorAlphabeticalSortingZa = React.forwardRef(Icon);
 export default IconColorAlphabeticalSortingZa;

package/IconColorAndroidOs.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -17,16 +17,16 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#7CB342'
+        fill='#7cb342'
         d='M12 29.001a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0zm28 0a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0zM22 40a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0zm8 0a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0z'
       />
       <path
-        fill='#7CB342'
+        fill='#7cb342'
         d='M14 18.001V33a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V18.001zM24 8c-6 0-9.655 3.645-10 8h20c-.346-4.355-4-8-10-8m-4 5.598a1 1 0 1 1 0-2 1 1 0 0 1 0 2m8 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2'
       />
       <path
         fill='none'
-        stroke='#7CB342'
+        stroke='#7cb342'
         d='m30 7-1.666 2.499M18 7l1.333 2.082'
         strokeWidth='2'
         strokeLinecap='round'
@@ -36,5 +36,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAndroidOs = forwardRef(Icon);
+const IconColorAndroidOs = React.forwardRef(Icon);
 export default IconColorAndroidOs;

package/IconColorAnswers.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -14,11 +14,11 @@ function Icon(props, ref) {
       {...props_}
       strokeWidth='0'
     >
-      <path fill='#42A5F5' d='M36 44H8V8h20l8 8z' />
-      <path fill='#90CAF9' d='M40 40H12V4h20l8 8z' />
-      <path fill='#E1F5FE' d='M38.5 13H31V5.5z' />
+      <path fill='#42a5f5' d='M36 44H8V8h20l8 8z' />
+      <path fill='#90caf9' d='M40 40H12V4h20l8 8z' />
+      <path fill='#e1f5fe' d='M38.5 13H31V5.5z' />
       <path
-        fill='#1976D2'
+        fill='#1976d2'
         d='M23.4 29.9c0-.2 0-.4.1-.6s.2-.3.3-.5.3-.2.5-.3.4-.1.6-.1.5 0 .7.1.4.2.5.3.2.3.3.5.1.4.1.6 0 .4-.1.6-.2.3-.3.5-.3.2-.5.3-.4.1-.7.1-.5 0-.6-.1-.4-.2-.5-.3-.2-.3-.3-.5-.1-.4-.1-.6m2.7-3.1h-2.3l-.4-9.8h3z'
       />
     </svg>
@@ -26,5 +26,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAnswers = forwardRef(Icon);
+const IconColorAnswers = React.forwardRef(Icon);
 export default IconColorAnswers;

package/IconColorApproval.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,11 +15,11 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#8BC34A'
+        fill='#8bc34a'
         d='m24 3 4.7 3.6 5.8-.8 2.2 5.5 5.5 2.2-.8 5.8L45 24l-3.6 4.7.8 5.8-5.5 2.2-2.2 5.5-5.8-.8L24 45l-4.7-3.6-5.8.8-2.2-5.5-5.5-2.2.8-5.8L3 24l3.6-4.7-.8-5.8 5.5-2.2 2.2-5.5 5.8.8z'
       />
       <path
-        fill='#CCFF90'
+        fill='#ccff90'
         d='M34.6 14.6 21 28.2l-5.6-5.6-2.8 2.8 8.4 8.4 16.4-16.4z'
       />
     </svg>
@@ -27,5 +27,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorApproval = forwardRef(Icon);
+const IconColorApproval = React.forwardRef(Icon);
 export default IconColorApproval;

package/IconColorApprove.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -14,14 +14,14 @@ function Icon(props, ref) {
       {...props_}
       strokeWidth='0'
     >
-      <g fill='#FFCC80'>
+      <g fill='#ffcc80'>
         <circle cx='38' cy='26' r='4' />
         <circle cx='10' cy='26' r='4' />
         <path d='M39 19c0-12.7-30-8.3-30 0v10c0 8.3 6.7 15 15 15s15-6.7 15-15z' />
         <path d='M24 4C15.2 4 8 11.2 8 20v3.5l2.1.6V19l19.5-6.3 8.2 6.3v5.1l2.1-.6V20C40 12.5 34.6 4 24 4' />
       </g>
       <path
-        fill='#4CAF50'
+        fill='#4caf50'
         d='M32.6 18.6 22.3 28.9 17.4 24l-2.8 2.8 7.7 7.7 13.1-13.1z'
       />
     </svg>
@@ -29,5 +29,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorApprove = forwardRef(Icon);
+const IconColorApprove = React.forwardRef(Icon);
 export default IconColorApprove;

package/IconColorAreaChart.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -14,12 +14,12 @@ function Icon(props, ref) {
       {...props_}
       strokeWidth='0'
     >
-      <path fill='#3F51B5' d='M42 37H6V25l10-15 14 7L42 6z' />
-      <path fill='#00BCD4' d='M42 42H6V32l10-8 14 2 12-9z' />
+      <path fill='#3f51b5' d='M42 37H6V25l10-15 14 7L42 6z' />
+      <path fill='#00bcd4' d='M42 42H6V32l10-8 14 2 12-9z' />
     </svg>
   );
   return e;
 }
 
-const IconColorAreaChart = forwardRef(Icon);
+const IconColorAreaChart = React.forwardRef(Icon);
 export default IconColorAreaChart;

package/IconColorAssistant.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -14,16 +14,16 @@ function Icon(props, ref) {
       {...props_}
       strokeWidth='0'
     >
-      <g fill='#FFA726'>
+      <g fill='#ffa726'>
         <circle cx='10' cy='26' r='4' />
         <circle cx='38' cy='26' r='4' />
       </g>
       <path
-        fill='#FFB74D'
+        fill='#ffb74d'
         d='M39 19c0-12.7-30-8.3-30 0v10c0 8.3 6.7 15 15 15s15-6.7 15-15z'
       />
       <path
-        fill='#FF5722'
+        fill='#ff5722'
         d='M24 3C14.6 3 7 10.6 7 20v3.4L9 25v-3l21-9.8 9 9.8v3l2-1.6V20c0-8-5.7-17-17-17'
       />
       <g fill='#784719'>
@@ -34,7 +34,7 @@ function Icon(props, ref) {
         fill='#757575'
         d='M43 24c-.6 0-1 .4-1 1v-7c0-8.8-7.2-16-16-16h-7c-.6 0-1 .4-1 1s.4 1 1 1h7c7.7 0 14 6.3 14 14v10c0 .6.4 1 1 1s1-.4 1-1v2c0 3.9-3.1 7-7 7H24c-.6 0-1 .4-1 1s.4 1 1 1h11c5 0 9-4 9-9v-5c0-.6-.4-1-1-1'
       />
-      <g fill='#37474F'>
+      <g fill='#37474f'>
         <path d='M43 22h-1c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2' />
         <circle cx='24' cy='38' r='2' />
       </g>
@@ -43,5 +43,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAssistant = forwardRef(Icon);
+const IconColorAssistant = React.forwardRef(Icon);
 export default IconColorAssistant;

package/IconColorAudioFile.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,15 +15,15 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path fill='none' d='M204 0h48v48h-48z' />
-      <path fill='#90CAF9' d='M244 45h-32V3h22l10 10z' />
-      <path fill='#E1F5FE' d='M242.5 14H233V4.5z' />
-      <g fill='#1976D2'>
+      <path fill='#90caf9' d='M244 45h-32V3h22l10 10z' />
+      <path fill='#e1f5fe' d='M242.5 14H233V4.5z' />
+      <g fill='#1976d2'>
         <circle cx='227' cy='30' r='4' />
         <path d='m234 21-5-2v11h2v-7.1l3 1.1z' />
       </g>
-      <path fill='#90CAF9' d='M40 45H8V3h22l10 10z' />
-      <path fill='#E1F5FE' d='M38.5 14H29V4.5z' />
-      <g fill='#1976D2'>
+      <path fill='#90caf9' d='M40 45H8V3h22l10 10z' />
+      <path fill='#e1f5fe' d='M38.5 14H29V4.5z' />
+      <g fill='#1976d2'>
         <circle cx='23' cy='30' r='4' />
         <path d='m30 21-5-2v11h2v-7.1l3 1.1z' />
       </g>
@@ -32,5 +32,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAudioFile = forwardRef(Icon);
+const IconColorAudioFile = React.forwardRef(Icon);
 export default IconColorAudioFile;

package/IconColorAutomatic.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -15,11 +15,11 @@ function Icon(props, ref) {
       strokeWidth='0'
     >
       <path
-        fill='#3F51B5'
+        fill='#3f51b5'
         d='M39 43H9c-2.2 0-4-1.8-4-4V9c0-2.2 1.8-4 4-4h30c2.2 0 4 1.8 4 4v30c0 2.2-1.8 4-4 4'
       />
       <path
-        fill='#B3E5FC'
+        fill='#b3e5fc'
         d='M33.6 25.4c.1-.4.1-.9.1-1.4s0-.9-.1-1.4l2.8-2c.3-.2.4-.6.2-.9l-2.7-4.6c-.2-.3-.5-.4-.8-.3L30 16.3c-.7-.6-1.5-1-2.4-1.4l-.3-3.4c0-.3-.3-.6-.6-.6h-5.3c-.3 0-.6.3-.6.6l-.4 3.5c-.9.3-1.6.8-2.4 1.4L14.9 15c-.3-.1-.7 0-.8.3l-2.7 4.6c-.2.3-.1.7.2.9l2.8 2c-.1.4-.1.9-.1 1.4s0 .9.1 1.4l-2.8 2c-.3.2-.4.6-.2.9l2.7 4.6c.2.3.5.4.8.3L18 32c.7.6 1.5 1 2.4 1.4l.3 3.4c0 .3.3.6.6.6h5.3c.3 0 .6-.3.6-.6l.3-3.4c.9-.3 1.6-.8 2.4-1.4l3.1 1.4c.3.1.7 0 .8-.3l2.7-4.6c.2-.3.1-.7-.2-.9zM24 29c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5'
       />
     </svg>
@@ -27,5 +27,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAutomatic = forwardRef(Icon);
+const IconColorAutomatic = React.forwardRef(Icon);
 export default IconColorAutomatic;

package/IconColorAutomotive.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React from 'react';
 import useProps from './useProps';
 
 function Icon(props, ref) {
@@ -16,20 +16,20 @@ function Icon(props, ref) {
     >
       <path
         fill='none'
-        stroke='#F44336'
+        stroke='#f44336'
         d='M7 20v-8c0-2.2 1.8-4 4-4h14c1.2 0 2.4.6 3.2 1.6L35 18'
         strokeWidth='4'
         strokeMiterlimit='10'
       />
-      <g fill='#37474F'>
+      <g fill='#37474f'>
         <circle cx='35' cy='37' r='5' />
         <circle cx='13' cy='37' r='5' />
       </g>
       <path
-        fill='#F44336'
+        fill='#f44336'
         d='M40.2 17 33 14H7c-1.2 0-2 .8-2 2v10c0 1.2.8 2 2 2h1c0-2.8 2.2-5 5-5s5 2.2 5 5h12c0-2.8 2.2-5 5-5s5 2.2 5 5h1c1.2 0 2-.8 2-2v-5.2c0-1.6-1.2-3.2-2.8-3.8'
       />
-      <g fill='#546E7A'>
+      <g fill='#546e7a'>
         <circle cx='24' cy='37' r='3' />
         <circle cx='35' cy='37' r='2' />
         <circle cx='13' cy='37' r='2' />
@@ -40,5 +40,5 @@ function Icon(props, ref) {
   return e;
 }
 
-const IconColorAutomotive = forwardRef(Icon);
+const IconColorAutomotive = React.forwardRef(Icon);
 export default IconColorAutomotive;