@100mslive/react-icons 0.3.1-alpha.7 → 0.4.0

package/src/MicOnIcon.tsx

@@ -1,34 +1,33 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMicOnIcon(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="M9.31 2.976A3.333 3.333 0 0115 5.333V12a3.333 3.333 0 11-6.667 0V5.333c0-.884.351-1.732.977-2.357zm2.357.69A1.667 1.667 0 0010 5.334V12a1.667 1.667 0 003.333 0V5.333a1.667 1.667 0 00-1.666-1.666z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5.833 9.5c.46 0 .834.373.834.833V12a5 5 0 1010 0v-1.667a.833.833 0 011.666 0V12A6.666 6.666 0 115 12v-1.667c0-.46.373-.833.833-.833z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.667 17c.46 0 .833.373.833.833v3.334a.833.833 0 01-1.667 0v-3.334c0-.46.373-.833.834-.833z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M7.5 21.167c0-.46.373-.834.833-.834H15A.833.833 0 1115 22H8.333a.833.833 0 01-.833-.833z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMicOnIcon = (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="M9.31 2.976A3.333 3.333 0 0 1 15 5.333V12a3.333 3.333 0 1 1-6.667 0V5.333c0-.884.351-1.732.977-2.357Zm2.357.69A1.667 1.667 0 0 0 10 5.334V12a1.667 1.667 0 0 0 3.333 0V5.333a1.667 1.667 0 0 0-1.666-1.666Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.833 9.5c.46 0 .834.373.834.833V12a5 5 0 1 0 10 0v-1.667a.833.833 0 0 1 1.666 0V12A6.666 6.666 0 1 1 5 12v-1.667c0-.46.373-.833.833-.833Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.667 17c.46 0 .833.373.833.833v3.334a.833.833 0 0 1-1.667 0v-3.334c0-.46.373-.833.834-.833Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7.5 21.167c0-.46.373-.834.833-.834H15A.833.833 0 1 1 15 22H8.333a.833.833 0 0 1-.833-.833Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMicOnIcon;

package/src/MinimizeIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMinimizeIcon(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.766 4.234a.8.8 0 010 1.132L15.53 9.6H18.4a.8.8 0 110 1.6h-4.8a.796.796 0 01-.733-.478.798.798 0 01-.067-.322V5.6a.8.8 0 011.6 0v2.869l4.234-4.235a.8.8 0 011.132 0zM10.4 12.8H5.6a.8.8 0 000 1.6h2.869l-4.235 4.234a.8.8 0 001.132 1.132L9.6 15.53V18.4a.8.8 0 101.6 0v-4.8a.796.796 0 00-.478-.733.798.798 0 00-.322-.067z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMinimizeIcon = (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.766 4.234a.8.8 0 0 1 0 1.132L15.53 9.6H18.4a.8.8 0 1 1 0 1.6h-4.8a.796.796 0 0 1-.733-.478.798.798 0 0 1-.067-.322V5.6a.8.8 0 0 1 1.6 0v2.869l4.234-4.235a.8.8 0 0 1 1.132 0ZM10.4 12.8H5.6a.8.8 0 0 0 0 1.6h2.869l-4.235 4.234a.8.8 0 0 0 1.132 1.132L9.6 15.53V18.4a.8.8 0 1 0 1.6 0v-4.8a.796.796 0 0 0-.478-.733.798.798 0 0 0-.322-.067Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMinimizeIcon;

package/src/MinusIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMinusIcon(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="M4.872 12.777c-.61 0-1.122-.502-1.122-1.123 0-.62.512-1.122 1.122-1.122h14.256c.61 0 1.122.502 1.122 1.122 0 .62-.512 1.123-1.122 1.123H4.872z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMinusIcon = (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="M4.872 12.777c-.61 0-1.122-.502-1.122-1.123 0-.62.512-1.122 1.122-1.122h14.256c.61 0 1.122.502 1.122 1.122 0 .62-.512 1.123-1.122 1.123H4.872Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMinusIcon;

package/src/MouseClickIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMouseClickIcon(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="M8.663 4.607a.819.819 0 10-1.582.424l.637 2.372a.819.819 0 101.581-.424l-.636-2.372zm5.325 2.274a.819.819 0 10-1.158-1.158L11.093 7.46A.819.819 0 0012.25 8.62l1.737-1.738zm-9.957 1.2a.819.819 0 00-.424 1.581l2.373.637a.819.819 0 00.424-1.582L4.031 8.08zM7.62 13.25a.819.819 0 00-1.159-1.158L4.724 13.83a.819.819 0 101.159 1.157l1.736-1.737zm1.158-3.474a.819.819 0 01.894-.177l9.826 4.095a.819.819 0 01-.052 1.53l-3.032 1.03 2.786 2.786a.819.819 0 01-1.158 1.158l-2.786-2.786-1.03 3.032a.819.819 0 01-1.53.052L8.6 10.67a.819.819 0 01.177-.894zm2.1 2.1l2.495 5.988.755-2.225a.82.82 0 01.513-.512l2.225-.756-5.988-2.495z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMouseClickIcon = (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="M8.663 4.607a.819.819 0 1 0-1.582.424l.637 2.372a.819.819 0 1 0 1.581-.424l-.636-2.372Zm5.325 2.274a.819.819 0 1 0-1.158-1.158L11.093 7.46A.819.819 0 0 0 12.25 8.62l1.737-1.738Zm-9.957 1.2a.819.819 0 0 0-.424 1.581l2.373.637a.819.819 0 0 0 .424-1.582L4.031 8.08ZM7.62 13.25a.819.819 0 0 0-1.159-1.158L4.724 13.83a.819.819 0 1 0 1.159 1.157l1.736-1.737Zm1.158-3.474a.819.819 0 0 1 .894-.177l9.826 4.095a.819.819 0 0 1-.052 1.53l-3.032 1.03 2.786 2.786a.819.819 0 0 1-1.158 1.158l-2.786-2.786-1.03 3.032a.819.819 0 0 1-1.53.052L8.6 10.67a.819.819 0 0 1 .177-.894Zm2.1 2.1 2.495 5.988.755-2.225a.82.82 0 0 1 .513-.512l2.225-.756-5.988-2.495Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMouseClickIcon;

package/src/MouseIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMouseIcon(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="M5.231 5.231a.79.79 0 01.862-.17l13.42 5.581a.79.79 0 01-.047 1.476l-5.49 1.88-1.857 5.466a.79.79 0 01-1.477.05L5.061 6.093a.79.79 0 01.17-.862zm2.022 2.022l4.043 9.722 1.31-3.853a.79.79 0 01.491-.493l3.885-1.33-9.729-4.046z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMouseIcon = (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="M5.231 5.231a.79.79 0 0 1 .862-.17l13.42 5.581a.79.79 0 0 1-.047 1.476l-5.49 1.88-1.857 5.466a.79.79 0 0 1-1.477.05L5.061 6.093a.79.79 0 0 1 .17-.862Zm2.022 2.022 4.043 9.722 1.31-3.853a.79.79 0 0 1 .491-.493l3.885-1.33-9.729-4.046Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMouseIcon;

package/src/MoveIcon.tsx

@@ -1,28 +1,27 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMoveIcon(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.851 8.967c.32.32.32.838 0 1.157L4.975 12l1.876 1.876a.818.818 0 01-1.157 1.157L3.24 12.58a.818.818 0 010-1.158l2.454-2.454a.818.818 0 011.157 0zM11.421 3.24a.818.818 0 011.158 0l2.454 2.454a.818.818 0 01-1.157 1.157L12 4.975l-1.876 1.876a.818.818 0 01-1.157-1.157L11.42 3.24zM8.967 17.149a.818.818 0 011.157 0L12 19.025l1.876-1.876a.818.818 0 011.157 1.157L12.58 20.76a.818.818 0 01-1.158 0l-2.454-2.454a.818.818 0 010-1.157zM17.149 8.967a.818.818 0 011.157 0l2.454 2.454c.32.32.32.838 0 1.158l-2.454 2.454a.818.818 0 01-1.157-1.157L19.025 12l-1.876-1.876a.818.818 0 010-1.157z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3 12c0-.452.366-.818.818-.818h16.364a.818.818 0 110 1.636H3.818A.818.818 0 013 12z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 3c.452 0 .818.366.818.818v16.364a.818.818 0 11-1.636 0V3.818c0-.452.366-.818.818-.818z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMoveIcon = (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.851 8.967c.32.32.32.838 0 1.157L4.975 12l1.876 1.876a.818.818 0 0 1-1.157 1.157L3.24 12.58a.818.818 0 0 1 0-1.158l2.454-2.454a.818.818 0 0 1 1.157 0ZM11.421 3.24a.818.818 0 0 1 1.158 0l2.454 2.454a.818.818 0 0 1-1.157 1.157L12 4.975l-1.876 1.876a.818.818 0 0 1-1.157-1.157L11.42 3.24ZM8.967 17.149a.818.818 0 0 1 1.157 0L12 19.025l1.876-1.876a.818.818 0 0 1 1.157 1.157L12.58 20.76a.818.818 0 0 1-1.158 0l-2.454-2.454a.818.818 0 0 1 0-1.157ZM17.149 8.967a.818.818 0 0 1 1.157 0l2.454 2.454c.32.32.32.838 0 1.158l-2.454 2.454a.818.818 0 0 1-1.157-1.157L19.025 12l-1.876-1.876a.818.818 0 0 1 0-1.157Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 12c0-.452.366-.818.818-.818h16.364a.818.818 0 1 1 0 1.636H3.818A.818.818 0 0 1 3 12Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 3c.452 0 .818.366.818.818v16.364a.818.818 0 1 1-1.636 0V3.818c0-.452.366-.818.818-.818Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMoveIcon;

package/src/MusicIcon.tsx

@@ -1,24 +1,23 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMusicIcon(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 16.94a2.059 2.059 0 104.118 0 2.059 2.059 0 00-4.118 0v0zM14.882 14.47a2.059 2.059 0 104.118 0 2.059 2.059 0 00-4.118 0z"
-        stroke="currentColor"
-        strokeWidth={1.75}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M19 14.47V4.746a.57.57 0 00-.723-.549L9.529 6.721a.572.572 0 00-.418.548v9.672M9.118 10.764L19 8.294"
-        stroke="currentColor"
-        strokeWidth={1.75}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-}
+const SvgMusicIcon = (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 16.94a2.059 2.059 0 1 0 4.118 0 2.059 2.059 0 0 0-4.118 0v0ZM14.882 14.47a2.059 2.059 0 1 0 4.118 0 2.059 2.059 0 0 0-4.118 0Z"
+      stroke="currentColor"
+      strokeWidth={1.75}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M19 14.47V4.746a.57.57 0 0 0-.723-.549L9.529 6.721a.572.572 0 0 0-.418.548v9.672M9.118 10.764 19 8.294"
+      stroke="currentColor"
+      strokeWidth={1.75}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
 
 export default SvgMusicIcon;

package/src/NetworkIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgNetworkIcon(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 6a1 1 0 10-2 0v12a1 1 0 102 0V6zm-6 3a1 1 0 011 1v8a1 1 0 11-2 0v-8a1 1 0 011-1zm-4 5a1 1 0 10-2 0v4a1 1 0 102 0v-4zm-6 3a1 1 0 100 2h.01a1 1 0 100-2H5z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgNetworkIcon = (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 6a1 1 0 1 0-2 0v12a1 1 0 1 0 2 0V6Zm-6 3a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1Zm-4 5a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-6 3a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H5Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgNetworkIcon;

package/src/NextIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgNextIcon(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="M13.832 10.608L7.409 5.335A1.474 1.474 0 005 6.469v11.082a1.474 1.474 0 002.408 1.135l6.424-5.274a1.809 1.809 0 000-2.798v-.006zM15.996 5H19v14.02h-3.004V5z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgNextIcon = (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="M13.832 10.608 7.409 5.335A1.474 1.474 0 0 0 5 6.469v11.082a1.474 1.474 0 0 0 2.408 1.135l6.424-5.274a1.809 1.809 0 0 0 0-2.798v-.006ZM15.996 5H19v14.02h-3.004V5Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgNextIcon;

package/src/NextJsIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgNextJsIcon(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.41 3.005c-.038.003-.161.016-.272.024-2.557.23-4.951 1.61-6.468 3.73a8.908 8.908 0 00-1.59 3.932c-.071.494-.08.64-.08 1.31 0 .671.009.817.08 1.311.49 3.38 2.895 6.22 6.158 7.272.584.188 1.2.316 1.9.394.273.03 1.451.03 1.724 0 1.209-.134 2.233-.433 3.243-.949.155-.079.185-.1.164-.118-.014-.01-.674-.895-1.466-1.965l-1.44-1.944-1.803-2.668a256.97 256.97 0 00-1.816-2.668c-.007-.001-.014 1.184-.017 2.632-.006 2.536-.007 2.637-.039 2.697a.32.32 0 01-.155.16c-.056.029-.105.034-.371.034h-.305l-.08-.051a.329.329 0 01-.118-.129l-.037-.079.003-3.527.005-3.53.055-.068a.483.483 0 01.13-.107c.072-.035.1-.039.405-.039.359 0 .419.014.512.116.026.028 1.003 1.5 2.171 3.27a8069.52 8069.52 0 003.551 5.379l1.425 2.159.072-.048a9.238 9.238 0 001.85-1.622 8.959 8.959 0 002.118-4.6c.072-.495.081-.641.081-1.311 0-.67-.009-.817-.08-1.31-.49-3.38-2.895-6.22-6.158-7.272a9.451 9.451 0 00-1.873-.392 23.272 23.272 0 00-1.478-.023zm3.685 5.443a.355.355 0 01.178.208c.014.045.017 1.024.014 3.228l-.006 3.163-.557-.855-.56-.855v-2.3c0-1.486.007-2.322.018-2.362a.36.36 0 01.174-.222c.072-.037.098-.04.375-.04.26 0 .306.003.364.035z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgNextJsIcon = (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.41 3.005c-.038.003-.161.016-.272.024-2.557.23-4.951 1.61-6.468 3.73a8.908 8.908 0 0 0-1.59 3.932c-.071.494-.08.64-.08 1.31 0 .671.009.817.08 1.311.49 3.38 2.895 6.22 6.158 7.272.584.188 1.2.316 1.9.394.273.03 1.451.03 1.724 0 1.209-.134 2.233-.433 3.243-.949.155-.079.185-.1.164-.118-.014-.01-.674-.895-1.466-1.965l-1.44-1.944-1.803-2.668a256.97 256.97 0 0 0-1.816-2.668c-.007-.001-.014 1.184-.017 2.632-.006 2.536-.007 2.637-.039 2.697a.32.32 0 0 1-.155.16c-.056.029-.105.034-.371.034h-.305l-.08-.051a.329.329 0 0 1-.118-.129l-.037-.079.003-3.527.005-3.53.055-.068a.483.483 0 0 1 .13-.107c.072-.035.1-.039.405-.039.359 0 .419.014.512.116.026.028 1.003 1.5 2.171 3.27a8069.52 8069.52 0 0 0 3.551 5.379l1.425 2.159.072-.048a9.238 9.238 0 0 0 1.85-1.622 8.959 8.959 0 0 0 2.118-4.6c.072-.495.081-.641.081-1.311 0-.67-.009-.817-.08-1.31-.49-3.38-2.895-6.22-6.158-7.272a9.451 9.451 0 0 0-1.873-.392 23.272 23.272 0 0 0-1.478-.023Zm3.685 5.443a.355.355 0 0 1 .178.208c.014.045.017 1.024.014 3.228l-.006 3.163-.557-.855-.56-.855v-2.3c0-1.486.007-2.322.018-2.362a.36.36 0 0 1 .174-.222c.072-.037.098-.04.375-.04.26 0 .306.003.364.035Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgNextJsIcon;

package/src/NightIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgNightIcon(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.05 4.408a.802.802 0 01-.054.87 4.81 4.81 0 006.726 6.726l.476.645.799.073a8.015 8.015 0 11-8.72-8.719c.315-.029.618.13.773.405zm5.995 9.758a6.411 6.411 0 01-8.211-8.211 6.412 6.412 0 108.211 8.211z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgNightIcon = (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.05 4.408a.802.802 0 0 1-.054.87 4.81 4.81 0 0 0 6.726 6.726l.476.645.799.073a8.015 8.015 0 1 1-8.72-8.719c.315-.029.618.13.773.405Zm5.995 9.758a6.411 6.411 0 0 1-8.211-8.211 6.412 6.412 0 1 0 8.211 8.211Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgNightIcon;

package/src/NoEntryIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgNoEntryIcon(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-3.273 8.182a.818.818 0 100 1.636h6.546a.818.818 0 100-1.636H8.727z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgNoEntryIcon = (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-3.273 8.182a.818.818 0 1 0 0 1.636h6.546a.818.818 0 1 0 0-1.636H8.727Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgNoEntryIcon;

package/src/NotificationsIcon.tsx

@@ -1,17 +1,16 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgNotificationsIcon(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.203 3.327a.818.818 0 00-1.31.982 7.365 7.365 0 011.473 4.42.818.818 0 001.637 0 9.001 9.001 0 00-1.8-5.402zM5.952 3.168a.818.818 0 01.153 1.147C5.154 5.56 4.637 7.102 4.637 8.728a.818.818 0 01-1.637 0c0-1.974.629-3.869 1.805-5.407a.818.818 0 011.147-.153zM12.002 3a5.728 5.728 0 00-5.729 5.728c0 2.744-.587 4.447-1.127 5.439a4.858 4.858 0 01-.72 1.018 2.47 2.47 0 01-.25.232l-.003.002a.818.818 0 00.464 1.492h14.73a.818.818 0 00.463-1.492l-.003-.002a2.487 2.487 0 01-.25-.232 4.86 4.86 0 01-.72-1.018c-.54-.992-1.127-2.695-1.127-5.439A5.728 5.728 0 0012 3zm5.605 12.275H6.395c.063-.102.125-.21.187-.324.687-1.26 1.328-3.238 1.328-6.223a4.092 4.092 0 118.183 0c0 2.985.64 4.964 1.327 6.223.063.114.125.222.187.324zm-6.313 3.68a.818.818 0 00-1.416.822 2.456 2.456 0 004.247 0 .818.818 0 00-1.416-.821.82.82 0 01-1.415 0z"
-        fill="currentColor"
-        fillOpacity={0.8}
-      />
-    </svg>
-  );
-}
+const SvgNotificationsIcon = (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.203 3.327a.818.818 0 0 0-1.31.982 7.365 7.365 0 0 1 1.473 4.42.818.818 0 0 0 1.637 0 9.001 9.001 0 0 0-1.8-5.402ZM5.952 3.168a.818.818 0 0 1 .153 1.147C5.154 5.56 4.637 7.102 4.637 8.728a.818.818 0 0 1-1.637 0c0-1.974.629-3.869 1.805-5.407a.818.818 0 0 1 1.147-.153ZM12.002 3a5.728 5.728 0 0 0-5.729 5.728c0 2.744-.587 4.447-1.127 5.439a4.858 4.858 0 0 1-.72 1.018 2.47 2.47 0 0 1-.25.232l-.003.002a.818.818 0 0 0 .464 1.492h14.73a.818.818 0 0 0 .463-1.492l-.003-.002a2.487 2.487 0 0 1-.25-.232 4.86 4.86 0 0 1-.72-1.018c-.54-.992-1.127-2.695-1.127-5.439A5.728 5.728 0 0 0 12 3Zm5.605 12.275H6.395c.063-.102.125-.21.187-.324.687-1.26 1.328-3.238 1.328-6.223a4.092 4.092 0 1 1 8.183 0c0 2.985.64 4.964 1.327 6.223.063.114.125.222.187.324Zm-6.313 3.68a.818.818 0 0 0-1.416.822 2.456 2.456 0 0 0 4.247 0 .818.818 0 0 0-1.416-.821.82.82 0 0 1-1.415 0Z"
+      fill="currentColor"
+      fillOpacity={0.8}
+    />
+  </svg>
+);
 
 export default SvgNotificationsIcon;

package/src/OfferIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgOfferIcon(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="M20.705 12a3.492 3.492 0 00-1.662-3.004 3.584 3.584 0 00-.873-3.346 3.334 3.334 0 00-3.232-.938A3.378 3.378 0 0012 3a3.375 3.375 0 00-2.937 1.712 3.334 3.334 0 00-3.233.937 3.582 3.582 0 00-.87 3.353 3.534 3.534 0 000 5.997 3.58 3.58 0 00.87 3.35 3.337 3.337 0 003.233.939 3.378 3.378 0 004.978 1.025c.368-.28.672-.629.897-1.025a3.325 3.325 0 003.231-.939 3.584 3.584 0 00.874-3.346A3.492 3.492 0 0020.705 12zm-1.501-.008a2 2 0 01-.364 1.185 1.987 1.987 0 01-.98.734.755.755 0 00-.429 1.046 2.07 2.07 0 01-.351 2.358 1.833 1.833 0 01-2.195.352.753.753 0 00-1.08.46A1.879 1.879 0 0112 19.498a1.872 1.872 0 01-1.804-1.37.752.752 0 00-1.08-.459 1.835 1.835 0 01-2.196-.352 2.081 2.081 0 01-.351-2.359.751.751 0 00-.42-1.043c-.396-.14-.738-.4-.98-.743a2.026 2.026 0 010-2.343c.242-.342.584-.602.98-.743a.75.75 0 00.42-1.043 2.078 2.078 0 01.352-2.357 1.835 1.835 0 012.196-.353.752.752 0 001.079-.46 1.873 1.873 0 013.609 0 .75.75 0 001.08.46 1.826 1.826 0 012.195.352 2.078 2.078 0 01.351 2.359.752.752 0 00.428 1.045 1.987 1.987 0 011.345 1.904zm-3.432-3.469a.751.751 0 010 1.063L9.88 15.477a.751.751 0 01-1.062-1.063l5.891-5.891a.751.751 0 011.063 0zm-1.954 6.667a1.179 1.179 0 111.67-1.666 1.179 1.179 0 01-1.67 1.666zM8.76 9.644a1.178 1.178 0 102.356 0 1.178 1.178 0 00-2.356 0z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgOfferIcon = (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="M20.705 12a3.492 3.492 0 0 0-1.662-3.004 3.584 3.584 0 0 0-.873-3.346 3.334 3.334 0 0 0-3.232-.938A3.378 3.378 0 0 0 12 3a3.375 3.375 0 0 0-2.937 1.712 3.334 3.334 0 0 0-3.233.937 3.582 3.582 0 0 0-.87 3.353 3.534 3.534 0 0 0 0 5.997 3.58 3.58 0 0 0 .87 3.35 3.337 3.337 0 0 0 3.233.939 3.378 3.378 0 0 0 4.978 1.025c.368-.28.672-.629.897-1.025a3.325 3.325 0 0 0 3.231-.939 3.584 3.584 0 0 0 .874-3.346A3.492 3.492 0 0 0 20.705 12Zm-1.501-.008a2 2 0 0 1-.364 1.185 1.987 1.987 0 0 1-.98.734.755.755 0 0 0-.429 1.046 2.07 2.07 0 0 1-.351 2.358 1.833 1.833 0 0 1-2.195.352.753.753 0 0 0-1.08.46A1.879 1.879 0 0 1 12 19.498a1.872 1.872 0 0 1-1.804-1.37.752.752 0 0 0-1.08-.459 1.835 1.835 0 0 1-2.196-.352 2.081 2.081 0 0 1-.351-2.359.751.751 0 0 0-.42-1.043c-.396-.14-.738-.4-.98-.743a2.026 2.026 0 0 1 0-2.343c.242-.342.584-.602.98-.743a.75.75 0 0 0 .42-1.043 2.078 2.078 0 0 1 .352-2.357 1.835 1.835 0 0 1 2.196-.353.752.752 0 0 0 1.079-.46 1.873 1.873 0 0 1 3.609 0 .75.75 0 0 0 1.08.46 1.826 1.826 0 0 1 2.195.352 2.078 2.078 0 0 1 .351 2.359.752.752 0 0 0 .428 1.045 1.987 1.987 0 0 1 1.345 1.904Zm-3.432-3.469a.751.751 0 0 1 0 1.063L9.88 15.477a.751.751 0 0 1-1.062-1.063l5.891-5.891a.751.751 0 0 1 1.063 0Zm-1.954 6.667a1.179 1.179 0 1 1 1.67-1.666 1.179 1.179 0 0 1-1.67 1.666ZM8.76 9.644a1.178 1.178 0 1 0 2.356 0 1.178 1.178 0 0 0-2.356 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgOfferIcon;

package/src/OpenBook.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgOpenBook(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="M14.145 4.71c-.677.134-1.342.32-1.99.558a.457.457 0 01-.121.025l-.033-.001h-.034a.5.5 0 01-.101-.018 11.17 11.17 0 00-7.698-.162 1.953 1.953 0 00-1.354 1.863v10.752a1.943 1.943 0 00.753 1.547 1.951 1.951 0 001.687.352l.016-.005a9.497 9.497 0 016.069.32 1.95 1.95 0 001.343-.008 9.497 9.497 0 016.048-.312l.016.005a1.954 1.954 0 001.684-.351h.001c.235-.183.425-.417.556-.685h.001c.13-.268.198-.562.198-.861V6.974a1.957 1.957 0 00-1.36-1.862c-.5-.161-1.01-.292-1.526-.392a1.871 1.871 0 00-1.518-.775h-1.125a1.875 1.875 0 00-1.512.766zm-2.894 1.935a9.654 9.654 0 00-6.62-.107.463.463 0 00-.318.435V17.73a.47.47 0 00.046.2.463.463 0 00.511.245 11 11 0 016.381.139V6.644zm2.531-.314a11.67 11.67 0 00-1.031.316v11.667a11.004 11.004 0 016.38-.138.46.46 0 00.509-.245.466.466 0 00.046-.201V6.975a.457.457 0 00-.316-.434h-.002a11.068 11.068 0 00-.711-.204v5.108a.75.75 0 01-1.28.53l-1.157-1.157-1.157 1.157a.75.75 0 01-1.281-.53V6.33zm3.375 3.303l-.407-.407a.75.75 0 00-1.061 0l-.407.407V5.82a.375.375 0 01.375-.375h1.125c.1 0 .195.039.265.11a.37.37 0 01.11.265v3.814z"
-        fill="#000"
-      />
-    </svg>
-  );
-}
+const SvgOpenBook = (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="M14.145 4.71c-.677.134-1.342.32-1.99.558a.457.457 0 0 1-.121.025l-.033-.001h-.034a.5.5 0 0 1-.101-.018 11.17 11.17 0 0 0-7.698-.162 1.953 1.953 0 0 0-1.354 1.863v10.752a1.943 1.943 0 0 0 .753 1.547 1.951 1.951 0 0 0 1.687.352l.016-.005a9.497 9.497 0 0 1 6.069.32 1.95 1.95 0 0 0 1.343-.008 9.497 9.497 0 0 1 6.048-.312l.016.005a1.954 1.954 0 0 0 1.684-.351h.001c.235-.183.425-.417.556-.685h.001c.13-.268.198-.562.198-.861V6.974a1.957 1.957 0 0 0-1.36-1.862c-.5-.161-1.01-.292-1.526-.392a1.871 1.871 0 0 0-1.518-.775h-1.125a1.875 1.875 0 0 0-1.512.766Zm-2.894 1.935a9.654 9.654 0 0 0-6.62-.107.463.463 0 0 0-.318.435V17.73a.47.47 0 0 0 .046.2.463.463 0 0 0 .511.245 11 11 0 0 1 6.381.139V6.644Zm2.531-.314a11.67 11.67 0 0 0-1.031.316v11.667a11.004 11.004 0 0 1 6.38-.138.46.46 0 0 0 .509-.245.466.466 0 0 0 .046-.201V6.975a.457.457 0 0 0-.316-.434h-.002a11.068 11.068 0 0 0-.711-.204v5.108a.75.75 0 0 1-1.28.53l-1.157-1.157-1.157 1.157a.75.75 0 0 1-1.281-.53V6.33Zm3.375 3.303-.407-.407a.75.75 0 0 0-1.061 0l-.407.407V5.82a.375.375 0 0 1 .375-.375h1.125c.1 0 .195.039.265.11a.37.37 0 0 1 .11.265v3.814Z"
+      fill="#000"
+    />
+  </svg>
+);
 
 export default SvgOpenBook;

package/src/PaletteIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPaletteIcon(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 3c-4.952 0-9 4.048-9 9s4.048 9 9 9c1.23 0 2.166-.997 2.166-2.2a2.219 2.219 0 00-.598-1.5c-.068-.067-.117-.149-.117-.34v-.014a.525.525 0 01.532-.533h1.647c2.948 0 5.364-2.414 5.364-5.362v-.005C20.967 6.561 16.827 3 12 3zm-7.364 9c0-4.048 3.316-7.364 7.364-7.364 4.108 0 7.337 3.004 7.357 6.417a3.744 3.744 0 01-3.727 3.724h-1.627a2.159 2.159 0 00-2.189 2.19c.002.568.187 1.07.576 1.47a.58.58 0 01.14.364c0 .34-.245.563-.53.563-4.048 0-7.364-3.316-7.364-7.364zm8.591-4.09a.41.41 0 100-.82.41.41 0 000 .82zM12 7.5a1.227 1.227 0 112.455 0A1.227 1.227 0 0112 7.5zm4.5 3.682a.41.41 0 100-.819.41.41 0 000 .819zm-1.227-.41a1.227 1.227 0 112.454 0 1.227 1.227 0 01-2.454 0zM9.545 8.319a.41.41 0 11-.818 0 .41.41 0 01.818 0zm-.409-1.227a1.227 1.227 0 100 2.454 1.227 1.227 0 000-2.454zM7.5 12.818a.41.41 0 100-.818.41.41 0 000 .818zm-1.227-.409a1.227 1.227 0 112.454 0 1.227 1.227 0 01-2.454 0z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPaletteIcon = (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 3c-4.952 0-9 4.048-9 9s4.048 9 9 9c1.23 0 2.166-.997 2.166-2.2a2.219 2.219 0 0 0-.598-1.5c-.068-.067-.117-.149-.117-.34v-.014a.525.525 0 0 1 .532-.533h1.647c2.948 0 5.364-2.414 5.364-5.362v-.005C20.967 6.561 16.827 3 12 3Zm-7.364 9c0-4.048 3.316-7.364 7.364-7.364 4.108 0 7.337 3.004 7.357 6.417a3.744 3.744 0 0 1-3.727 3.724h-1.627a2.159 2.159 0 0 0-2.189 2.19c.002.568.187 1.07.576 1.47a.58.58 0 0 1 .14.364c0 .34-.245.563-.53.563-4.048 0-7.364-3.316-7.364-7.364Zm8.591-4.09a.41.41 0 1 0 0-.82.41.41 0 0 0 0 .82ZM12 7.5a1.227 1.227 0 1 1 2.455 0A1.227 1.227 0 0 1 12 7.5Zm4.5 3.682a.41.41 0 1 0 0-.819.41.41 0 0 0 0 .819Zm-1.227-.41a1.227 1.227 0 1 1 2.454 0 1.227 1.227 0 0 1-2.454 0ZM9.545 8.319a.41.41 0 1 1-.818 0 .41.41 0 0 1 .818 0Zm-.409-1.227a1.227 1.227 0 1 0 0 2.454 1.227 1.227 0 0 0 0-2.454ZM7.5 12.818a.41.41 0 1 0 0-.818.41.41 0 0 0 0 .818Zm-1.227-.409a1.227 1.227 0 1 1 2.454 0 1.227 1.227 0 0 1-2.454 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPaletteIcon;

package/src/PauseCircleIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPauseCircleIcon(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 0zm7.364-3.273c.451 0 .818.367.818.818v4.91a.818.818 0 01-1.637 0v-4.91c0-.451.367-.818.819-.818zm4.09.818a.818.818 0 00-1.636 0v4.91a.818.818 0 001.637 0v-4.91z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPauseCircleIcon = (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 0Zm7.364-3.273c.451 0 .818.367.818.818v4.91a.818.818 0 0 1-1.637 0v-4.91c0-.451.367-.818.819-.818Zm4.09.818a.818.818 0 0 0-1.636 0v4.91a.818.818 0 0 0 1.637 0v-4.91Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPauseCircleIcon;

package/src/PauseIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgPauseIcon(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.875 4a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zM10.75 14.688a1.125 1.125 0 11-2.25 0V9.061a1.125 1.125 0 012.25 0v5.626zm4.5 0a1.125 1.125 0 11-2.25 0V9.061a1.125 1.125 0 112.25 0v5.626z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgPauseIcon = (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.875 4a7.875 7.875 0 1 0 0 15.75 7.875 7.875 0 0 0 0-15.75ZM10.75 14.688a1.125 1.125 0 1 1-2.25 0V9.061a1.125 1.125 0 0 1 2.25 0v5.626Zm4.5 0a1.125 1.125 0 1 1-2.25 0V9.061a1.125 1.125 0 1 1 2.25 0v5.626Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgPauseIcon;