@100mslive/react-icons 0.3.0 → 0.3.1-alpha.10

package/src/PlayCircleIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPlayCircleIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M4.636 12a7.364 7.364 0 1114.728 0 7.364 7.364 0 01-14.728 0zM12 3a9 9 0 100 18 9 9 0 000-18zm-1.182 5.047a.818.818 0 00-1.273.68v6.546a.818.818 0 001.273.68l4.909-3.272a.818.818 0 000-1.362l-4.91-3.272zM13.798 12l-2.616 1.744v-3.488L13.798 12z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPlayCircleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.636 12a7.364 7.364 0 1 1 14.728 0 7.364 7.364 0 0 1-14.728 0ZM12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-1.182 5.047a.818.818 0 0 0-1.273.68v6.546a.818.818 0 0 0 1.273.68l4.909-3.272a.818.818 0 0 0 0-1.362l-4.91-3.272ZM13.798 12l-2.616 1.744v-3.488L13.798 12Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPlayCircleIcon;

package/src/PlayIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPlayIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M12 4.125a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zm3.572 8.57l-4.5 3.094a.84.84 0 01-.801.085.842.842 0 01-.521-.78V8.906a.844.844 0 011.322-.695l4.5 3.094a.845.845 0 010 1.39z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPlayIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 4.125a7.875 7.875 0 1 0 0 15.75 7.875 7.875 0 0 0 0-15.75Zm3.572 8.57-4.5 3.094a.84.84 0 0 1-.801.085.842.842 0 0 1-.521-.78V8.906a.844.844 0 0 1 1.322-.695l4.5 3.094a.845.845 0 0 1 0 1.39Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPlayIcon;

package/src/PlaySolidIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPlaySolidIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M12 4.125a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zm3.572 8.57l-4.5 3.094a.84.84 0 01-.801.085.842.842 0 01-.521-.78V8.906a.844.844 0 011.322-.695l4.5 3.094a.845.845 0 010 1.39z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPlaySolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 4.125a7.875 7.875 0 1 0 0 15.75 7.875 7.875 0 0 0 0-15.75Zm3.572 8.57-4.5 3.094a.84.84 0 0 1-.801.085.842.842 0 0 1-.521-.78V8.906a.844.844 0 0 1 1.322-.695l4.5 3.094a.845.845 0 0 1 0 1.39Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPlaySolidIcon;

package/src/PlaylistIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPlaylistIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M5.897 6.795h12.206a.897.897 0 000-1.795H5.897a.897.897 0 100 1.795zM18.102 8.949H12a.898.898 0 000 1.795h6.102a.897.897 0 100-1.795zM18.102 13.256H12a.898.898 0 000 1.795h6.102a.897.897 0 000-1.795zM18.103 17.205H5.897a.897.897 0 100 1.795h12.206a.897.897 0 000-1.795zM5.982 9.183a.718.718 0 00-.444.663v4.308a.718.718 0 001.227.508l2.154-2.154a.718.718 0 000-1.016L6.765 9.338a.718.718 0 00-.783-.155z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPlaylistIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M5.897 6.795h12.206a.897.897 0 0 0 0-1.795H5.897a.897.897 0 1 0 0 1.795ZM18.102 8.949H12a.898.898 0 0 0 0 1.795h6.102a.897.897 0 1 0 0-1.795ZM18.102 13.256H12a.898.898 0 0 0 0 1.795h6.102a.897.897 0 0 0 0-1.795ZM18.103 17.205H5.897a.897.897 0 1 0 0 1.795h12.206a.897.897 0 0 0 0-1.795ZM5.982 9.183a.718.718 0 0 0-.444.663v4.308a.718.718 0 0 0 1.227.508l2.154-2.154a.718.718 0 0 0 0-1.016L6.765 9.338a.718.718 0 0 0-.783-.155Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPlaylistIcon;

package/src/PoorConnectivityIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPoorConnectivityIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3.046 3.046a.75.75 0 000 1.06l16.847 16.848a.75.75 0 101.06-1.06L4.108 3.045a.75.75 0 00-1.06 0zm.256 6.303a13.888 13.888 0 012.175-1.432l1.356 1.356c-.847.401-1.65.902-2.391 1.497a.91.91 0 01-1.14-1.42zm2.066 3.625A9.79 9.79 0 018.57 11.01l1.451 1.451a7.969 7.969 0 00-3.42 1.854.91.91 0 11-1.233-1.34zm7.503-2.543l2.563 2.563a7.968 7.968 0 011.927 1.297.91.91 0 101.227-1.346 9.79 9.79 0 00-5.717-2.514zm2.391 7.271L12.05 14.49h-.057a5.698 5.698 0 00-1.752.277c-.852.276-1.63.75-2.267 1.386a.91.91 0 101.286 1.29 3.878 3.878 0 013.66-1.019c.683.17 1.308.521 1.807 1.019.15.15.34.236.535.259zM9.048 6.608l1.582 1.583a12.07 12.07 0 018.928 2.584.91.91 0 001.14-1.42 13.89 13.89 0 00-11.65-2.747z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPoorConnectivityIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.046 3.046a.75.75 0 0 0 0 1.06l16.847 16.848a.75.75 0 1 0 1.06-1.06L4.108 3.045a.75.75 0 0 0-1.06 0Zm.256 6.303a13.888 13.888 0 0 1 2.175-1.432l1.356 1.356c-.847.401-1.65.902-2.391 1.497a.91.91 0 0 1-1.14-1.42Zm2.066 3.625A9.79 9.79 0 0 1 8.57 11.01l1.451 1.451a7.969 7.969 0 0 0-3.42 1.854.91.91 0 1 1-1.233-1.34Zm7.503-2.543 2.563 2.563a7.968 7.968 0 0 1 1.927 1.297.91.91 0 1 0 1.227-1.346 9.79 9.79 0 0 0-5.717-2.514Zm2.391 7.271L12.05 14.49h-.057a5.698 5.698 0 0 0-1.752.277c-.852.276-1.63.75-2.267 1.386a.91.91 0 1 0 1.286 1.29 3.878 3.878 0 0 1 3.66-1.019c.683.17 1.308.521 1.807 1.019.15.15.34.236.535.259ZM9.048 6.608l1.582 1.583a12.07 12.07 0 0 1 8.928 2.584.91.91 0 0 0 1.14-1.42 13.89 13.89 0 0 0-11.65-2.747Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPoorConnectivityIcon;

package/src/PoorConnectivitySolidIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPoorConnectivitySolidIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM6.03 6.738a.5.5 0 01.708-.707l11.231 11.231a.5.5 0 01-.707.707L6.031 6.738zm1.621 2.54c-.51.27-.995.59-1.45.955a.607.607 0 10.76.947 8.042 8.042 0 011.594-.998l-.904-.904zm2.062 2.062a6.527 6.527 0 00-2.134 1.31.607.607 0 00.822.893 5.311 5.311 0 012.28-1.236l-.968-.967zm4.576 1.322l-1.708-1.708a6.527 6.527 0 013.81 1.676.607.607 0 01-.817.898 5.314 5.314 0 00-1.285-.866zm-2.255.998l2.14 2.141a.604.604 0 01-.356-.172 2.585 2.585 0 00-2.44-.68 2.584 2.584 0 00-1.205.68.607.607 0 01-.857-.86 3.8 3.8 0 012.68-1.109h.037zm-.947-4.2l-1.055-1.055a9.258 9.258 0 017.767 1.832.607.607 0 11-.76.947 8.045 8.045 0 00-5.952-1.724z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPoorConnectivitySolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM6.03 6.738a.5.5 0 0 1 .708-.707l11.231 11.231a.5.5 0 0 1-.707.707L6.031 6.738Zm1.621 2.54c-.51.27-.995.59-1.45.955a.607.607 0 1 0 .76.947 8.042 8.042 0 0 1 1.594-.998l-.904-.904Zm2.062 2.062a6.527 6.527 0 0 0-2.134 1.31.607.607 0 0 0 .822.893 5.311 5.311 0 0 1 2.28-1.236l-.968-.967Zm4.576 1.322-1.708-1.708a6.527 6.527 0 0 1 3.81 1.676.607.607 0 0 1-.817.898 5.314 5.314 0 0 0-1.285-.866Zm-2.255.998 2.14 2.141a.604.604 0 0 1-.356-.172 2.585 2.585 0 0 0-2.44-.68 2.584 2.584 0 0 0-1.205.68.607.607 0 0 1-.857-.86 3.8 3.8 0 0 1 2.68-1.109h.037Zm-.947-4.2-1.055-1.055a9.258 9.258 0 0 1 7.767 1.832.607.607 0 1 1-.76.947 8.045 8.045 0 0 0-5.952-1.724Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPoorConnectivitySolidIcon;

package/src/PrevIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPrevIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M10.168 13.392l6.423 5.273A1.473 1.473 0 0019 17.531V6.449a1.474 1.474 0 00-2.408-1.135l-6.424 5.274a1.81 1.81 0 000 2.798v.006zM8.004 19H5V4.98h3.004V19z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPrevIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="m10.168 13.392 6.423 5.273A1.473 1.473 0 0 0 19 17.531V6.449a1.474 1.474 0 0 0-2.408-1.135l-6.424 5.274a1.81 1.81 0 0 0 0 2.798v.006ZM8.004 19H5V4.98h3.004V19Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPrevIcon;

package/src/QrCodeIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgQrCodeIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3 3.818C3 3.366 3.366 3 3.818 3h6.546c.451 0 .818.366.818.818v6.546a.818.818 0 01-.818.818H3.818A.818.818 0 013 10.364V3.818zm1.636.818v4.91h4.91v-4.91h-4.91zm1.637 2.455c0-.452.366-.818.818-.818h.008a.818.818 0 010 1.636h-.008a.818.818 0 01-.818-.818zM13.636 3a.818.818 0 00-.818.818v6.546c0 .451.367.818.818.818h6.546a.818.818 0 00.818-.818V3.818A.818.818 0 0020.182 3h-6.546zm.819 6.545V4.636h4.909v4.91h-4.91zm1.636-2.454c0-.452.366-.818.818-.818h.008a.818.818 0 110 1.636h-.008a.818.818 0 01-.818-.818zM3.818 12.818a.818.818 0 00-.818.818v6.546c0 .452.366.818.818.818h6.546a.818.818 0 00.818-.818v-6.546a.818.818 0 00-.818-.818H3.818zm.818 6.546v-4.91h4.91v4.91h-4.91zm1.637-2.455c0-.452.366-.818.818-.818h.008a.818.818 0 010 1.636h-.008a.818.818 0 01-.818-.818zm7.363-4.09a.818.818 0 100 1.635h.009a.818.818 0 000-1.636h-.009zm2.455 4.09c0-.452.366-.818.818-.818h.008a.818.818 0 010 1.636h-.008a.818.818 0 01-.818-.818zm4.909 0a.818.818 0 00-1.636 0v2.455h-2.455a.818.818 0 100 1.636h3.273a.818.818 0 00.818-.818v-3.273zm-7.364-.818c.452 0 .819.366.819.818v3.273a.818.818 0 01-1.637 0v-3.273c0-.452.367-.818.818-.818zm3.273-3.273a.818.818 0 100 1.636h3.273a.818.818 0 100-1.636h-3.273z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgQrCodeIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 3.818C3 3.366 3.366 3 3.818 3h6.546c.451 0 .818.366.818.818v6.546a.818.818 0 0 1-.818.818H3.818A.818.818 0 0 1 3 10.364V3.818Zm1.636.818v4.91h4.91v-4.91h-4.91Zm1.637 2.455c0-.452.366-.818.818-.818h.008a.818.818 0 0 1 0 1.636h-.008a.818.818 0 0 1-.818-.818ZM13.636 3a.818.818 0 0 0-.818.818v6.546c0 .451.367.818.818.818h6.546a.818.818 0 0 0 .818-.818V3.818A.818.818 0 0 0 20.182 3h-6.546Zm.819 6.545V4.636h4.909v4.91h-4.91Zm1.636-2.454c0-.452.366-.818.818-.818h.008a.818.818 0 1 1 0 1.636h-.008a.818.818 0 0 1-.818-.818ZM3.818 12.818a.818.818 0 0 0-.818.818v6.546c0 .452.366.818.818.818h6.546a.818.818 0 0 0 .818-.818v-6.546a.818.818 0 0 0-.818-.818H3.818Zm.818 6.546v-4.91h4.91v4.91h-4.91Zm1.637-2.455c0-.452.366-.818.818-.818h.008a.818.818 0 0 1 0 1.636h-.008a.818.818 0 0 1-.818-.818Zm7.363-4.09a.818.818 0 1 0 0 1.635h.009a.818.818 0 0 0 0-1.636h-.009Zm2.455 4.09c0-.452.366-.818.818-.818h.008a.818.818 0 0 1 0 1.636h-.008a.818.818 0 0 1-.818-.818Zm4.909 0a.818.818 0 0 0-1.636 0v2.455h-2.455a.818.818 0 1 0 0 1.636h3.273a.818.818 0 0 0 .818-.818v-3.273Zm-7.364-.818c.452 0 .819.366.819.818v3.273a.818.818 0 0 1-1.637 0v-3.273c0-.452.367-.818.818-.818Zm3.273-3.273a.818.818 0 1 0 0 1.636h3.273a.818.818 0 1 0 0-1.636h-3.273Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgQrCodeIcon;

package/src/QuestionIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgQuestionIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 4.636a7.364 7.364 0 100 14.728 7.364 7.364 0 000-14.728zM3 12a9 9 0 1118 0 9 9 0 01-18 0zm9.211-3.253a1.637 1.637 0 00-1.82 1.07.818.818 0 11-1.544-.543 3.273 3.273 0 016.36 1.09c0 1.252-.928 2.08-1.591 2.521a6.593 6.593 0 01-1.38.694l-.028.01-.01.003-.002.002h-.002l-.26-.776.26.776a.818.818 0 01-.519-1.552l.013-.004.06-.023a4.954 4.954 0 00.96-.492c.564-.375.863-.776.863-1.16a1.636 1.636 0 00-1.36-1.616zM12 15.273a.818.818 0 100 1.636h.008a.818.818 0 100-1.636H12z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgQuestionIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 4.636a7.364 7.364 0 1 0 0 14.728 7.364 7.364 0 0 0 0-14.728ZM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm9.211-3.253a1.637 1.637 0 0 0-1.82 1.07.818.818 0 1 1-1.544-.543 3.273 3.273 0 0 1 6.36 1.09c0 1.252-.928 2.08-1.591 2.521a6.593 6.593 0 0 1-1.38.694l-.028.01-.01.003-.002.002h-.002l-.26-.776.26.776a.818.818 0 0 1-.519-1.552l.013-.004.06-.023a4.954 4.954 0 0 0 .96-.492c.564-.375.863-.776.863-1.16a1.636 1.636 0 0 0-1.36-1.616ZM12 15.273a.818.818 0 1 0 0 1.636h.008a.818.818 0 1 0 0-1.636H12Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgQuestionIcon;

package/src/QuestionMarkIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgQuestionMarkIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M11.991 20.742c4.984 0 9.097-4.113 9.097-9.088 0-4.974-4.122-9.088-9.106-9.088-4.974 0-9.079 4.114-9.079 9.088 0 4.975 4.114 9.088 9.088 9.088zm-.21-7.277c-.572 0-.888-.264-.888-.791v-.097c0-.826.474-1.292 1.125-1.749.773-.536 1.15-.826 1.15-1.389 0-.606-.465-1.01-1.186-1.01-.527 0-.914.263-1.204.712-.28.316-.413.588-.94.588-.43 0-.782-.28-.782-.72 0-.176.035-.334.096-.492.29-.862 1.345-1.565 2.918-1.565 1.635 0 3.015.87 3.015 2.4 0 1.054-.58 1.582-1.494 2.17-.58.378-.914.695-.94 1.17 0 .026-.01.07-.01.105-.026.378-.351.668-.86.668zm-.01 2.812c-.597 0-1.09-.43-1.09-1.01 0-.58.484-1.011 1.09-1.011.598 0 1.081.43 1.081 1.01 0 .59-.492 1.011-1.08 1.011z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgQuestionMarkIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M11.991 20.742c4.984 0 9.097-4.113 9.097-9.088 0-4.974-4.122-9.088-9.106-9.088-4.974 0-9.079 4.114-9.079 9.088 0 4.975 4.114 9.088 9.088 9.088Zm-.21-7.277c-.572 0-.888-.264-.888-.791v-.097c0-.826.474-1.292 1.125-1.749.773-.536 1.15-.826 1.15-1.389 0-.606-.465-1.01-1.186-1.01-.527 0-.914.263-1.204.712-.28.316-.413.588-.94.588-.43 0-.782-.28-.782-.72 0-.176.035-.334.096-.492.29-.862 1.345-1.565 2.918-1.565 1.635 0 3.015.87 3.015 2.4 0 1.054-.58 1.582-1.494 2.17-.58.378-.914.695-.94 1.17 0 .026-.01.07-.01.105-.026.378-.351.668-.86.668Zm-.01 2.812c-.597 0-1.09-.43-1.09-1.01 0-.58.484-1.011 1.09-1.011.598 0 1.081.43 1.081 1.01 0 .59-.492 1.011-1.08 1.011Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgQuestionMarkIcon;

package/src/RadioIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRadioIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.793 6.397A.818.818 0 105.636 5.24a9.002 9.002 0 000 12.728.818.818 0 101.157-1.157 7.365 7.365 0 010-10.414zM18.364 5.24a.818.818 0 00-1.157 1.157 7.365 7.365 0 010 10.414.818.818 0 001.157 1.157 9.001 9.001 0 000-12.728zM9.11 8.705a.818.818 0 10-1.157-1.158 5.728 5.728 0 000 8.106.818.818 0 101.157-1.158 4.092 4.092 0 010-5.79zm6.94-1.15a.818.818 0 00-1.158 1.158 4.09 4.09 0 010 5.79.818.818 0 001.157 1.158 5.729 5.729 0 000-8.106zm-4.867 4.049a.818.818 0 111.636 0 .818.818 0 01-1.636 0zM12 9.149a2.455 2.455 0 100 4.91 2.455 2.455 0 000-4.91z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgRadioIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.793 6.397A.818.818 0 1 0 5.636 5.24a9.002 9.002 0 0 0 0 12.728.818.818 0 1 0 1.157-1.157 7.365 7.365 0 0 1 0-10.414ZM18.364 5.24a.818.818 0 0 0-1.157 1.157 7.365 7.365 0 0 1 0 10.414.818.818 0 0 0 1.157 1.157 9.001 9.001 0 0 0 0-12.728ZM9.11 8.705a.818.818 0 1 0-1.157-1.158 5.728 5.728 0 0 0 0 8.106.818.818 0 1 0 1.157-1.158 4.092 4.092 0 0 1 0-5.79Zm6.94-1.15a.818.818 0 0 0-1.158 1.158 4.09 4.09 0 0 1 0 5.79.818.818 0 0 0 1.157 1.158 5.729 5.729 0 0 0 0-8.106Zm-4.867 4.049a.818.818 0 1 1 1.636 0 .818.818 0 0 1-1.636 0ZM12 9.149a2.455 2.455 0 1 0 0 4.91 2.455 2.455 0 0 0 0-4.91Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgRadioIcon;

package/src/ReactIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgReactIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.26 4.036c-.635.233-1.388.695-2.178 1.383-.16.14-.322.288-.484.444.579.624 1.155 1.336 1.709 2.117.968.09 1.887.236 2.728.43.033-.136.064-.27.09-.402.227-1.1.258-2.042.14-2.753-.122-.727-.384-1.127-.655-1.283-.256-.148-.701-.175-1.35.064zm-2.083 3.866c-.39-.514-.788-.99-1.184-1.419-.397.43-.795.905-1.185 1.42a25.497 25.497 0 012.369 0zm-1.184-2.657c.174-.168.348-.328.52-.478.844-.735 1.687-1.263 2.448-1.543.747-.274 1.498-.338 2.081-.002l-.197.341.197-.34c.603.347.937 1.061 1.075 1.89.142.844.097 1.899-.144 3.07-.03.145-.064.294-.1.444.224.064.442.133.651.205l-.14.408.14-.408c1.058.364 1.936.83 2.559 1.35.61.51 1.041 1.129 1.041 1.802 0 .695-.451 1.342-1.1 1.875-.661.545-1.597 1.033-2.731 1.409l-.136-.41.136.41c-.143.047-.29.093-.44.136.064.257.12.507.165.75.207 1.087.233 2.062.087 2.846-.144.77-.472 1.432-1.046 1.763-.59.34-1.363.287-2.14.013-.793-.28-1.673-.818-2.548-1.584-.127-.11-.253-.225-.378-.346-.126.12-.252.236-.378.346-.876.766-1.755 1.304-2.548 1.584-.778.274-1.552.327-2.14-.013-.575-.331-.903-.993-1.047-1.764-.146-.783-.12-1.758.087-2.845.044-.234.097-.475.159-.722-.188-.054-.37-.111-.548-.171-1.1-.377-2.006-.87-2.644-1.417-.627-.536-1.059-1.18-1.059-1.86 0-.663.41-1.278 1.006-1.788.605-.518 1.463-.982 2.507-1.346l.143.408-.143-.408c.231-.08.473-.157.723-.228-.036-.149-.069-.295-.099-.44-.24-1.17-.285-2.225-.144-3.07.138-.828.473-1.542 1.075-1.89l.197.341-.197-.34c.583-.337 1.335-.273 2.081.001.762.28 1.604.808 2.448 1.543.173.15.347.31.52.478zM6.95 8.407a11.403 11.403 0 01-.09-.4c-.227-1.099-.258-2.041-.139-2.752.122-.727.383-1.127.654-1.283.256-.148.702-.175 1.35.064.635.233 1.388.695 2.179 1.383.16.14.321.288.484.444a20.75 20.75 0 00-1.71 2.118c-.967.09-1.887.234-2.728.426zm-.607 1.048c-.233.067-.457.137-.67.212-.976.34-1.73.758-2.23 1.187-.51.436-.703.832-.703 1.13 0 .31.21.735.756 1.203.535.458 1.335.904 2.362 1.255.161.055.328.107.5.157.252-.824.586-1.692.99-2.574-.41-.878-.75-1.745-1.005-2.57zm1.498 1.556c-.26-.608-.482-1.201-.659-1.77.582-.131 1.208-.24 1.864-.321-.164.254-.324.515-.481.78h-.002l-.138.24c-.205.356-.4.713-.584 1.07zm.463 1.011c.244-.51.513-1.024.805-1.537l.065-.113c.315-.546.644-1.068.982-1.563a24.336 24.336 0 013.673 0c.338.494.667 1.017.982 1.563l.065.113a24.5 24.5 0 01.805 1.537c-.26.533-.546 1.072-.855 1.61a28.278 28.278 0 01-.972 1.566c-.602.044-1.223.066-1.854.066-.636 0-1.26-.02-1.866-.06a28.329 28.329 0 01-1.83-3.182zm-.457 1.015a19.423 19.423 0 00-.65 1.772c.576.126 1.194.224 1.843.298a30.12 30.12 0 01-.63-1.044l.375-.216-.375.216c-.196-.34-.384-.683-.563-1.026zm1.807 2.998a20.314 20.314 0 01-2.69-.391c-.057.23-.106.454-.147.672-.193 1.015-.207 1.877-.086 2.525.123.66.37 1.024.628 1.173.268.154.741.186 1.42-.054.663-.234 1.45-.704 2.267-1.419.113-.1.227-.204.341-.313a20.198 20.198 0 01-1.733-2.193zm2.944 2.193c.114.11.228.214.342.313.817.715 1.603 1.185 2.267 1.42.678.239 1.151.207 1.42.053.257-.149.504-.513.628-1.173.12-.648.107-1.51-.086-2.525a12.439 12.439 0 00-.154-.696c-.827.187-1.73.324-2.678.408a20.226 20.226 0 01-1.74 2.2zm5.021-3.657c.137-.04.271-.081.402-.124 1.065-.353 1.897-.798 2.453-1.255.57-.47.785-.895.785-1.208 0-.296-.2-.695-.73-1.138-.52-.433-1.295-.855-2.286-1.196a12.65 12.65 0 00-.602-.19 20.341 20.341 0 01-1.003 2.565c.4.872.73 1.73.981 2.546zm-1.481-1.534c.252.6.467 1.187.642 1.749-.57.128-1.184.23-1.827.308.212-.336.42-.68.622-1.03l-.375-.217.375.216c.197-.34.385-.683.563-1.026zm.006-2.026c.26-.607.481-1.2.658-1.767a19.12 19.12 0 00-1.862-.325c.163.255.323.516.48.782h.003l.138.24c.205.355.4.712.584 1.07zm-4.151 6.598c-.413-.45-.824-.957-1.228-1.506a30.008 30.008 0 002.457-.002c-.404.55-.816 1.057-1.23 1.508zm1.815-5.625a1.808 1.808 0 11-3.616 0 1.808 1.808 0 013.616 0z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgReactIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.26 4.036c-.635.233-1.388.695-2.178 1.383-.16.14-.322.288-.484.444.579.624 1.155 1.336 1.709 2.117.968.09 1.887.236 2.728.43.033-.136.064-.27.09-.402.227-1.1.258-2.042.14-2.753-.122-.727-.384-1.127-.655-1.283-.256-.148-.701-.175-1.35.064Zm-2.083 3.866c-.39-.514-.788-.99-1.184-1.419-.397.43-.795.905-1.185 1.42a25.497 25.497 0 0 1 2.369 0Zm-1.184-2.657c.174-.168.348-.328.52-.478.844-.735 1.687-1.263 2.448-1.543.747-.274 1.498-.338 2.081-.002l-.197.341.197-.34c.603.347.937 1.061 1.075 1.89.142.844.097 1.899-.144 3.07-.03.145-.064.294-.1.444.224.064.442.133.651.205l-.14.408.14-.408c1.058.364 1.936.83 2.559 1.35.61.51 1.041 1.129 1.041 1.802 0 .695-.451 1.342-1.1 1.875-.661.545-1.597 1.033-2.731 1.409l-.136-.41.136.41c-.143.047-.29.093-.44.136.064.257.12.507.165.75.207 1.087.233 2.062.087 2.846-.144.77-.472 1.432-1.046 1.763-.59.34-1.363.287-2.14.013-.793-.28-1.673-.818-2.548-1.584-.127-.11-.253-.225-.378-.346-.126.12-.252.236-.378.346-.876.766-1.755 1.304-2.548 1.584-.778.274-1.552.327-2.14-.013-.575-.331-.903-.993-1.047-1.764-.146-.783-.12-1.758.087-2.845.044-.234.097-.475.159-.722-.188-.054-.37-.111-.548-.171-1.1-.377-2.006-.87-2.644-1.417-.627-.536-1.059-1.18-1.059-1.86 0-.663.41-1.278 1.006-1.788.605-.518 1.463-.982 2.507-1.346l.143.408-.143-.408c.231-.08.473-.157.723-.228-.036-.149-.069-.295-.099-.44-.24-1.17-.285-2.225-.144-3.07.138-.828.473-1.542 1.075-1.89l.197.341-.197-.34c.583-.337 1.335-.273 2.081.001.762.28 1.604.808 2.448 1.543.173.15.347.31.52.478ZM6.95 8.407a11.403 11.403 0 0 1-.09-.4c-.227-1.099-.258-2.041-.139-2.752.122-.727.383-1.127.654-1.283.256-.148.702-.175 1.35.064.635.233 1.388.695 2.179 1.383.16.14.321.288.484.444a20.75 20.75 0 0 0-1.71 2.118c-.967.09-1.887.234-2.728.426Zm-.607 1.048c-.233.067-.457.137-.67.212-.976.34-1.73.758-2.23 1.187-.51.436-.703.832-.703 1.13 0 .31.21.735.756 1.203.535.458 1.335.904 2.362 1.255.161.055.328.107.5.157.252-.824.586-1.692.99-2.574-.41-.878-.75-1.745-1.005-2.57Zm1.498 1.556c-.26-.608-.482-1.201-.659-1.77.582-.131 1.208-.24 1.864-.321-.164.254-.324.515-.481.78h-.002l-.138.24c-.205.356-.4.713-.584 1.07Zm.463 1.011c.244-.51.513-1.024.805-1.537l.065-.113c.315-.546.644-1.068.982-1.563a24.336 24.336 0 0 1 3.673 0c.338.494.667 1.017.982 1.563l.065.113a24.5 24.5 0 0 1 .805 1.537c-.26.533-.546 1.072-.855 1.61a28.278 28.278 0 0 1-.972 1.566c-.602.044-1.223.066-1.854.066-.636 0-1.26-.02-1.866-.06a28.329 28.329 0 0 1-1.83-3.182Zm-.457 1.015a19.423 19.423 0 0 0-.65 1.772c.576.126 1.194.224 1.843.298a30.12 30.12 0 0 1-.63-1.044l.375-.216-.375.216c-.196-.34-.384-.683-.563-1.026Zm1.807 2.998a20.314 20.314 0 0 1-2.69-.391c-.057.23-.106.454-.147.672-.193 1.015-.207 1.877-.086 2.525.123.66.37 1.024.628 1.173.268.154.741.186 1.42-.054.663-.234 1.45-.704 2.267-1.419.113-.1.227-.204.341-.313a20.198 20.198 0 0 1-1.733-2.193Zm2.944 2.193c.114.11.228.214.342.313.817.715 1.603 1.185 2.267 1.42.678.239 1.151.207 1.42.053.257-.149.504-.513.628-1.173.12-.648.107-1.51-.086-2.525a12.439 12.439 0 0 0-.154-.696c-.827.187-1.73.324-2.678.408a20.226 20.226 0 0 1-1.74 2.2Zm5.021-3.657c.137-.04.271-.081.402-.124 1.065-.353 1.897-.798 2.453-1.255.57-.47.785-.895.785-1.208 0-.296-.2-.695-.73-1.138-.52-.433-1.295-.855-2.286-1.196a12.65 12.65 0 0 0-.602-.19 20.341 20.341 0 0 1-1.003 2.565c.4.872.73 1.73.981 2.546Zm-1.481-1.534c.252.6.467 1.187.642 1.749-.57.128-1.184.23-1.827.308.212-.336.42-.68.622-1.03l-.375-.217.375.216c.197-.34.385-.683.563-1.026Zm.006-2.026c.26-.607.481-1.2.658-1.767a19.12 19.12 0 0 0-1.862-.325c.163.255.323.516.48.782h.003l.138.24c.205.355.4.712.584 1.07Zm-4.151 6.598c-.413-.45-.824-.957-1.228-1.506a30.008 30.008 0 0 0 2.457-.002c-.404.55-.816 1.057-1.23 1.508Zm1.815-5.625a1.808 1.808 0 1 1-3.616 0 1.808 1.808 0 0 1 3.616 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgReactIcon;

package/src/RecordIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRecordIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M11.992 20.59c4.706 0 8.591-3.885 8.591-8.583s-3.893-8.583-8.6-8.583c-4.698 0-8.574 3.885-8.574 8.583s3.884 8.583 8.583 8.583zm0-1.71a6.84 6.84 0 01-6.857-6.873 6.832 6.832 0 016.848-6.865 6.86 6.86 0 016.882 6.865 6.85 6.85 0 01-6.873 6.873zM12 15.26A3.25 3.25 0 0015.254 12 3.254 3.254 0 0012 8.745a3.256 3.256 0 00-3.262 3.254A3.252 3.252 0 0012 15.26z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgRecordIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M11.992 20.59c4.706 0 8.591-3.885 8.591-8.583s-3.893-8.583-8.6-8.583c-4.698 0-8.574 3.885-8.574 8.583s3.884 8.583 8.583 8.583Zm0-1.71a6.84 6.84 0 0 1-6.857-6.873 6.832 6.832 0 0 1 6.848-6.865 6.86 6.86 0 0 1 6.882 6.865 6.85 6.85 0 0 1-6.873 6.873ZM12 15.26A3.25 3.25 0 0 0 15.254 12 3.254 3.254 0 0 0 12 8.745a3.256 3.256 0 0 0-3.262 3.254A3.252 3.252 0 0 0 12 15.26Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgRecordIcon;

package/src/RecordOffIcon.tsx

@@ -1,17 +1,16 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRecordOffIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18.902 17.074a8.504 8.504 0 001.681-5.067c0-4.698-3.893-8.583-8.6-8.583a8.494 8.494 0 00-5.056 1.674L8.14 6.313a6.828 6.828 0 013.842-1.17 6.86 6.86 0 016.882 6.864 6.829 6.829 0 01-1.172 3.857l1.21 1.21zm-2.964.57l1.206 1.207a8.525 8.525 0 01-5.152 1.739c-4.699 0-8.583-3.885-8.583-8.583 0-1.924.65-3.711 1.74-5.151l1.213 1.213a6.866 6.866 0 00-1.227 3.938 6.84 6.84 0 006.857 6.873c1.47 0 2.83-.456 3.946-1.235zm-.91-4.444c.146-.372.226-.777.226-1.201A3.254 3.254 0 0012 8.745c-.425 0-.83.08-1.2.226l4.228 4.229zm-6.025-2.49l4.286 4.286c-.395.17-.83.265-1.289.265a3.252 3.252 0 01-3.262-3.262c0-.458.094-.893.265-1.289z"
-        fill="currentColor"
-      />
-      <rect x={2} y={3} width={1.5} height={27.195} rx={0.75} transform="rotate(-45 2 3)" fill="currentColor" />
-    </svg>
-  );
-}
+const SvgRecordOffIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.902 17.074a8.504 8.504 0 0 0 1.681-5.067c0-4.698-3.893-8.583-8.6-8.583a8.494 8.494 0 0 0-5.056 1.674L8.14 6.313a6.828 6.828 0 0 1 3.842-1.17 6.86 6.86 0 0 1 6.882 6.864 6.829 6.829 0 0 1-1.172 3.857l1.21 1.21Zm-2.964.57 1.206 1.207a8.525 8.525 0 0 1-5.152 1.739c-4.699 0-8.583-3.885-8.583-8.583 0-1.924.65-3.711 1.74-5.151l1.213 1.213a6.866 6.866 0 0 0-1.227 3.938 6.84 6.84 0 0 0 6.857 6.873c1.47 0 2.83-.456 3.946-1.235Zm-.91-4.444c.146-.372.226-.777.226-1.201A3.254 3.254 0 0 0 12 8.745c-.425 0-.83.08-1.2.226l4.228 4.229Zm-6.025-2.49 4.286 4.286c-.395.17-.83.265-1.289.265a3.252 3.252 0 0 1-3.262-3.262c0-.458.094-.893.265-1.289Z"
+      fill="currentColor"
+    />
+    <rect x={2} y={3} width={1.5} height={27.195} rx={0.75} transform="rotate(-45 2 3)" fill="currentColor" />
+  </svg>
+);
 
 export default SvgRecordOffIcon;

package/src/RefreshIcon.tsx

@@ -1,28 +1,27 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRefreshIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M19.546 3c.451 0 .818.366.818.818v4.91a.818.818 0 01-.819.817h-4.909a.818.818 0 110-1.636h4.091V3.82c0-.453.367-.819.819-.819z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.191 5.54A6.545 6.545 0 005.636 12 .818.818 0 114 12a8.182 8.182 0 0113.636-6.092l.002.002 2.455 2.21a.818.818 0 11-1.095 1.215l-2.453-2.207a6.546 6.546 0 00-3.354-1.589zM4 15.273c0-.452.366-.818.818-.818h4.91a.818.818 0 010 1.636H5.635v4.09a.818.818 0 01-1.636 0v-4.908z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M19.546 11.182c.452 0 .818.367.818.819a8.181 8.181 0 01-13.637 6.09l-.002-.001-2.454-2.21a.818.818 0 111.095-1.215l2.452 2.207h.001A6.546 6.546 0 0018.727 12c0-.452.367-.818.82-.817z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgRefreshIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19.546 3c.451 0 .818.366.818.818v4.91a.818.818 0 0 1-.819.817h-4.909a.818.818 0 1 1 0-1.636h4.091V3.82c0-.453.367-.819.819-.819Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.191 5.54A6.545 6.545 0 0 0 5.636 12 .818.818 0 1 1 4 12a8.182 8.182 0 0 1 13.636-6.092l.002.002 2.455 2.21a.818.818 0 1 1-1.095 1.215l-2.453-2.207a6.546 6.546 0 0 0-3.354-1.589ZM4 15.273c0-.452.366-.818.818-.818h4.91a.818.818 0 0 1 0 1.636H5.635v4.09a.818.818 0 0 1-1.636 0v-4.908Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19.546 11.182c.452 0 .818.367.818.819a8.181 8.181 0 0 1-13.637 6.09l-.002-.001-2.454-2.21a.818.818 0 1 1 1.095-1.215l2.452 2.207h.001A6.546 6.546 0 0 0 18.727 12c0-.452.367-.818.82-.817Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgRefreshIcon;

package/src/RejectIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRejectIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M21.088 12.154c0 4.975-4.113 9.088-9.097 9.088-4.974 0-9.088-4.113-9.088-9.088 0-4.974 4.105-9.088 9.08-9.088 4.983 0 9.105 4.114 9.105 9.088zM7.516 17.898a7.23 7.23 0 004.475 1.534 7.253 7.253 0 007.278-7.278 7.265 7.265 0 00-1.537-4.472L7.516 17.898zm-1.39-1.438l10.17-10.17a7.27 7.27 0 00-4.314-1.404 7.234 7.234 0 00-7.25 7.268c0 1.615.516 3.102 1.394 4.306z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgRejectIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M21.088 12.154c0 4.975-4.113 9.088-9.097 9.088-4.974 0-9.088-4.113-9.088-9.088 0-4.974 4.105-9.088 9.08-9.088 4.983 0 9.105 4.114 9.105 9.088ZM7.516 17.898a7.23 7.23 0 0 0 4.475 1.534 7.253 7.253 0 0 0 7.278-7.278 7.265 7.265 0 0 0-1.537-4.472L7.516 17.898Zm-1.39-1.438 10.17-10.17a7.27 7.27 0 0 0-4.314-1.404 7.234 7.234 0 0 0-7.25 7.268c0 1.615.516 3.102 1.394 4.306Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgRejectIcon;

package/src/RemoveUserIcon.tsx

@@ -1,17 +1,16 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRemoveUserIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M3 16.322c0-1.433.574-2.807 1.597-3.82a5.477 5.477 0 013.855-1.583 5.576 5.576 0 012.14.433M8.452 9.727c1.842 0 3.335-1.48 3.335-3.306 0-1.825-1.493-3.305-3.335-3.305-1.843 0-3.336 1.48-3.336 3.305 0 1.826 1.493 3.306 3.336 3.306zM11.093 21.116a3.682 3.682 0 01-2.481-1.121 3.616 3.616 0 01-1.014-2.509c0-.934.363-1.832 1.014-2.508a3.681 3.681 0 012.48-1.121h6.413c.942.044 1.83.445 2.481 1.121A3.616 3.616 0 0121 17.486c0 .934-.363 1.833-1.014 2.509a3.682 3.682 0 01-2.48 1.121h-6.413zM13.063 16.314l2.423 2.4M15.486 16.314l-2.423 2.4"
-        stroke="currentColor"
-        strokeWidth={1.211}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-}
+const SvgRemoveUserIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M3 16.322c0-1.433.574-2.807 1.597-3.82a5.477 5.477 0 0 1 3.855-1.583 5.576 5.576 0 0 1 2.14.433M8.452 9.727c1.842 0 3.335-1.48 3.335-3.306 0-1.825-1.493-3.305-3.335-3.305-1.843 0-3.336 1.48-3.336 3.305 0 1.826 1.493 3.306 3.336 3.306ZM11.093 21.116a3.682 3.682 0 0 1-2.481-1.121 3.616 3.616 0 0 1-1.014-2.509c0-.934.363-1.832 1.014-2.508a3.681 3.681 0 0 1 2.48-1.121h6.413c.942.044 1.83.445 2.481 1.121A3.616 3.616 0 0 1 21 17.486c0 .934-.363 1.833-1.014 2.509a3.682 3.682 0 0 1-2.48 1.121h-6.413ZM13.063 16.314l2.423 2.4M15.486 16.314l-2.423 2.4"
+      stroke="currentColor"
+      strokeWidth={1.211}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
 
 export default SvgRemoveUserIcon;

package/src/RepeatIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgRepeatIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16.851 3.24a.818.818 0 00-1.157 1.157l1.876 1.876H8.09A4.09 4.09 0 004 10.363v.819a.818.818 0 101.636 0v-.818a2.455 2.455 0 012.455-2.455h9.48l-1.877 1.876a.818.818 0 001.157 1.157l3.273-3.273a.815.815 0 00.24-.578.815.815 0 00-.243-.582l-3.27-3.27zM8.67 13.058c.32.32.32.837 0 1.157L6.793 16.09h9.48a2.455 2.455 0 002.454-2.455v-.818a.818.818 0 111.637 0v.818a4.091 4.091 0 01-4.091 4.091h-9.48l1.876 1.876a.818.818 0 01-1.157 1.157L4.24 17.488a.815.815 0 01.002-1.16l3.27-3.27a.818.818 0 011.157 0z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgRepeatIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.851 3.24a.818.818 0 0 0-1.157 1.157l1.876 1.876H8.09A4.09 4.09 0 0 0 4 10.363v.819a.818.818 0 1 0 1.636 0v-.818a2.455 2.455 0 0 1 2.455-2.455h9.48l-1.877 1.876a.818.818 0 0 0 1.157 1.157l3.273-3.273a.815.815 0 0 0 .24-.578.815.815 0 0 0-.243-.582l-3.27-3.27ZM8.67 13.058c.32.32.32.837 0 1.157L6.793 16.09h9.48a2.455 2.455 0 0 0 2.454-2.455v-.818a.818.818 0 1 1 1.637 0v.818a4.091 4.091 0 0 1-4.091 4.091h-9.48l1.876 1.876a.818.818 0 0 1-1.157 1.157L4.24 17.488a.815.815 0 0 1 .002-1.16l3.27-3.27a.818.818 0 0 1 1.157 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgRepeatIcon;

package/src/ReportIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgReportIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 2.462a2.392 2.392 0 012.125 1.126h.125a1.313 1.313 0 011.299 1.125h1.514a1.875 1.875 0 011.875 1.875v5.625a.75.75 0 01-1.5 0V6.588a.375.375 0 00-.375-.375h-1.5v.938a1.313 1.313 0 01-1.313 1.312h-4.5a1.313 1.313 0 01-1.313-1.312v-.938h-1.5a.375.375 0 00-.375.375v5.625a.75.75 0 01-1.5 0V6.588a1.875 1.875 0 011.875-1.875h1.514A1.312 1.312 0 019.75 3.588h.129a2.393 2.393 0 012.12-1.126zM9.936 6.963h4.126V5.088h-.41a.75.75 0 01-.712-.515.892.892 0 00-.898-.611.751.751 0 01-.084 0 .893.893 0 00-.897.611.75.75 0 01-.712.515h-.412v1.875zm-.296 6.02l1.414 3.89a1.032 1.032 0 001.919.066l1.32-2.968.335.672.001.002a1.033 1.033 0 00.922.568h4.886a.75.75 0 000-1.5H15.84l-.65-1.302a1.031 1.031 0 00-1.865.042l-1.255 2.824-1.393-3.83a1.033 1.033 0 00-1.892-.109L7.6 13.713H3.562a.75.75 0 000 1.5h4.326a1.034 1.034 0 00.922-.568l.001-.002.83-1.66zm-3.829 2.98a.75.75 0 01.75.75v2.25a.375.375 0 00.375.375h10.125a.375.375 0 00.375-.375v-2.25a.75.75 0 011.5 0v2.25a1.875 1.875 0 01-1.875 1.875H6.938a1.875 1.875 0 01-1.875-1.875v-2.25a.75.75 0 01.75-.75z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgReportIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 2.462a2.392 2.392 0 0 1 2.125 1.126h.125a1.313 1.313 0 0 1 1.299 1.125h1.514a1.875 1.875 0 0 1 1.875 1.875v5.625a.75.75 0 0 1-1.5 0V6.588a.375.375 0 0 0-.375-.375h-1.5v.938a1.313 1.313 0 0 1-1.313 1.312h-4.5a1.313 1.313 0 0 1-1.313-1.312v-.938h-1.5a.375.375 0 0 0-.375.375v5.625a.75.75 0 0 1-1.5 0V6.588a1.875 1.875 0 0 1 1.875-1.875h1.514A1.312 1.312 0 0 1 9.75 3.588h.129a2.393 2.393 0 0 1 2.12-1.126ZM9.936 6.963h4.126V5.088h-.41a.75.75 0 0 1-.712-.515.892.892 0 0 0-.898-.611.751.751 0 0 1-.084 0 .893.893 0 0 0-.897.611.75.75 0 0 1-.712.515h-.412v1.875Zm-.296 6.02 1.414 3.89a1.032 1.032 0 0 0 1.919.066l1.32-2.968.335.672.001.002a1.033 1.033 0 0 0 .922.568h4.886a.75.75 0 0 0 0-1.5H15.84l-.65-1.302a1.031 1.031 0 0 0-1.865.042l-1.255 2.824-1.393-3.83a1.033 1.033 0 0 0-1.892-.109L7.6 13.713H3.562a.75.75 0 0 0 0 1.5h4.326a1.034 1.034 0 0 0 .922-.568l.001-.002.83-1.66Zm-3.829 2.98a.75.75 0 0 1 .75.75v2.25a.375.375 0 0 0 .375.375h10.125a.375.375 0 0 0 .375-.375v-2.25a.75.75 0 0 1 1.5 0v2.25a1.875 1.875 0 0 1-1.875 1.875H6.938a1.875 1.875 0 0 1-1.875-1.875v-2.25a.75.75 0 0 1 .75-.75Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgReportIcon;