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

package/src/InviteStageIcon.tsx

@@ -1,31 +1,30 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgInviteStageIcon(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="M8.267 4v14.933a1.067 1.067 0 01-2.134 0M6.133 18.933V8.267"
-        stroke="currentColor"
-        strokeWidth={1.067}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6.133 18.933a1.067 1.067 0 01-2.133 0V5.067A1.067 1.067 0 015.067 4h13.866A1.067 1.067 0 0120 5.067v13.866a1.067 1.067 0 01-2.133 0v-1.066M8.267 18.4h2.666"
-        stroke="currentColor"
-        strokeWidth={1.067}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M12 15.733v-1.6a2.667 2.667 0 015.333 0v1.6h-1.066L15.733 20H13.6l-.533-4.267H12zM12.533 8.267a2.133 2.133 0 104.267 0 2.133 2.133 0 00-4.267 0v0z"
-        stroke="currentColor"
-        strokeWidth={1.067}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-}
+const SvgInviteStageIcon = (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="M8.267 4v14.933a1.067 1.067 0 0 1-2.134 0M6.133 18.933V8.267"
+      stroke="currentColor"
+      strokeWidth={1.067}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.133 18.933a1.067 1.067 0 0 1-2.133 0V5.067A1.067 1.067 0 0 1 5.067 4h13.866A1.067 1.067 0 0 1 20 5.067v13.866a1.067 1.067 0 0 1-2.133 0v-1.066M8.267 18.4h2.666"
+      stroke="currentColor"
+      strokeWidth={1.067}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M12 15.733v-1.6a2.667 2.667 0 0 1 5.333 0v1.6h-1.066L15.733 20H13.6l-.533-4.267H12ZM12.533 8.267a2.133 2.133 0 1 0 4.267 0 2.133 2.133 0 0 0-4.267 0v0Z"
+      stroke="currentColor"
+      strokeWidth={1.067}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
 
 export default SvgInviteStageIcon;

package/src/JavascriptIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgJavascriptIcon(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 3h18v18H3V3zm13.76 15.09c-.834 0-1.306-.435-1.669-1.027l-1.374.798c.496.981 1.511 1.73 3.082 1.73 1.607 0 2.803-.834 2.803-2.357 0-1.413-.811-2.041-2.249-2.657l-.423-.182c-.725-.314-1.04-.52-1.04-1.027 0-.41.314-.725.81-.725.486 0 .799.205 1.088.725l1.318-.845c-.558-.98-1.33-1.355-2.406-1.355-1.51 0-2.477.966-2.477 2.235 0 1.377.81 2.028 2.031 2.548l.423.182c.771.337 1.232.542 1.232 1.122 0 .484-.448.835-1.149.835zm-6.555-.01c-.581 0-.823-.4-1.089-.87l-1.377.833c.4.844 1.184 1.545 2.538 1.545 1.499 0 2.526-.797 2.526-2.549v-5.774H11.11v5.751c0 .846-.35 1.063-.906 1.063z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgJavascriptIcon = (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 3h18v18H3V3Zm13.76 15.09c-.834 0-1.306-.435-1.669-1.027l-1.374.798c.496.981 1.511 1.73 3.082 1.73 1.607 0 2.803-.834 2.803-2.357 0-1.413-.811-2.041-2.249-2.657l-.423-.182c-.725-.314-1.04-.52-1.04-1.027 0-.41.314-.725.81-.725.486 0 .799.205 1.088.725l1.318-.845c-.558-.98-1.33-1.355-2.406-1.355-1.51 0-2.477.966-2.477 2.235 0 1.377.81 2.028 2.031 2.548l.423.182c.771.337 1.232.542 1.232 1.122 0 .484-.448.835-1.149.835Zm-6.555-.01c-.581 0-.823-.4-1.089-.87l-1.377.833c.4.844 1.184 1.545 2.538 1.545 1.499 0 2.526-.797 2.526-2.549v-5.774H11.11v5.751c0 .846-.35 1.063-.906 1.063Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgJavascriptIcon;

package/src/JoinIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgJoinIcon(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="M13.8 3.9a.9.9 0 01.9-.9h3.6A2.7 2.7 0 0121 5.7v12.6a2.7 2.7 0 01-2.7 2.7h-3.6a.9.9 0 110-1.8h3.6a.9.9 0 00.9-.9V5.7a.9.9 0 00-.9-.9h-3.6a.9.9 0 01-.9-.9zM9.564 6.864a.9.9 0 011.272 0l4.498 4.498a.897.897 0 010 1.277l-4.498 4.497a.9.9 0 11-1.272-1.272l2.963-2.964H3.9a.9.9 0 010-1.8h8.627L9.564 8.136a.9.9 0 010-1.272z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgJoinIcon = (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="M13.8 3.9a.9.9 0 0 1 .9-.9h3.6A2.7 2.7 0 0 1 21 5.7v12.6a2.7 2.7 0 0 1-2.7 2.7h-3.6a.9.9 0 1 1 0-1.8h3.6a.9.9 0 0 0 .9-.9V5.7a.9.9 0 0 0-.9-.9h-3.6a.9.9 0 0 1-.9-.9ZM9.564 6.864a.9.9 0 0 1 1.272 0l4.498 4.498a.897.897 0 0 1 0 1.277l-4.498 4.497a.9.9 0 1 1-1.272-1.272l2.963-2.964H3.9a.9.9 0 0 1 0-1.8h8.627L9.564 8.136a.9.9 0 0 1 0-1.272Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgJoinIcon;

package/src/LanguagesIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLanguagesIcon(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="M7.909 3a.818.818 0 100 1.636h.818a.818.818 0 100-1.636H7.91zm1.819 5.206l.743-1.115H3.818a.818.818 0 010-1.636h9.818a.818.818 0 010 1.636h-1.198l-1.394 2.09a.82.82 0 01-.102.125l-1.467 1.467 2.285 2.285a.818.818 0 11-1.157 1.157L8.318 11.93l-2.285 2.285a.818.818 0 01-1.157-1.157l2.285-2.285-1.467-1.467a.818.818 0 011.157-1.157l1.467 1.467 1.41-1.41zm6.363 2.976c.31 0 .593.175.732.452l2.447 4.894.015.031 1.628 3.257a.818.818 0 11-1.463.732l-1.41-2.82h-3.898l-1.41 2.82a.818.818 0 01-1.464-.732l1.627-3.255a.858.858 0 01.018-.035l2.446-4.892a.818.818 0 01.732-.452zm-1.13 4.909h2.26l-1.13-2.262-1.13 2.262z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLanguagesIcon = (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="M7.909 3a.818.818 0 1 0 0 1.636h.818a.818.818 0 1 0 0-1.636H7.91Zm1.819 5.206.743-1.115H3.818a.818.818 0 0 1 0-1.636h9.818a.818.818 0 0 1 0 1.636h-1.198l-1.394 2.09a.82.82 0 0 1-.102.125l-1.467 1.467 2.285 2.285a.818.818 0 1 1-1.157 1.157L8.318 11.93l-2.285 2.285a.818.818 0 0 1-1.157-1.157l2.285-2.285-1.467-1.467a.818.818 0 0 1 1.157-1.157l1.467 1.467 1.41-1.41Zm6.363 2.976c.31 0 .593.175.732.452l2.447 4.894.015.031 1.628 3.257a.818.818 0 1 1-1.463.732l-1.41-2.82h-3.898l-1.41 2.82a.818.818 0 0 1-1.464-.732l1.627-3.255a.858.858 0 0 1 .018-.035l2.446-4.892a.818.818 0 0 1 .732-.452Zm-1.13 4.909h2.26l-1.13-2.262-1.13 2.262Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLanguagesIcon;

package/src/LayersIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLayersIcon(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="M11.634 3.086a.818.818 0 01.732 0l8.182 4.091a.818.818 0 010 1.464l-8.182 4.09a.818.818 0 01-.732 0l-8.181-4.09a.818.818 0 010-1.464l8.181-4.09zM5.648 7.91L12 11.085l6.352-3.176L12 4.733 5.648 7.909zm-2.561 7.816a.818.818 0 011.097-.366L12 19.267l7.816-3.908a.818.818 0 11.732 1.464l-8.182 4.09a.818.818 0 01-.732 0l-8.182-4.09a.818.818 0 01-.365-1.098zm1.097-4.457a.818.818 0 10-.732 1.464l8.182 4.09c.23.116.502.116.732 0l8.182-4.09a.818.818 0 10-.732-1.464L12 15.176l-7.816-3.908z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLayersIcon = (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="M11.634 3.086a.818.818 0 0 1 .732 0l8.182 4.091a.818.818 0 0 1 0 1.464l-8.182 4.09a.818.818 0 0 1-.732 0l-8.181-4.09a.818.818 0 0 1 0-1.464l8.181-4.09ZM5.648 7.91 12 11.085l6.352-3.176L12 4.733 5.648 7.909Zm-2.561 7.816a.818.818 0 0 1 1.097-.366L12 19.267l7.816-3.908a.818.818 0 1 1 .732 1.464l-8.182 4.09a.818.818 0 0 1-.732 0l-8.182-4.09a.818.818 0 0 1-.365-1.098Zm1.097-4.457a.818.818 0 1 0-.732 1.464l8.182 4.09c.23.116.502.116.732 0l8.182-4.09a.818.818 0 1 0-.732-1.464L12 15.176l-7.816-3.908Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLayersIcon;

package/src/LayoutIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLayoutIcon(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.4 5.6a.8.8 0 00-.8.8v2.4h12.8V6.4a.8.8 0 00-.8-.8H6.4zm2.4 4.8H5.6v7.2a.8.8 0 00.8.8h2.4v-8zm1.6 8v-8h8v7.2a.8.8 0 01-.8.8h-7.2zM9.607 20H17.6a2.4 2.4 0 002.4-2.4V6.4A2.4 2.4 0 0017.6 4H6.4A2.4 2.4 0 004 6.4v11.2A2.4 2.4 0 006.4 20H9.607z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLayoutIcon = (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.4 5.6a.8.8 0 0 0-.8.8v2.4h12.8V6.4a.8.8 0 0 0-.8-.8H6.4Zm2.4 4.8H5.6v7.2a.8.8 0 0 0 .8.8h2.4v-8Zm1.6 8v-8h8v7.2a.8.8 0 0 1-.8.8h-7.2ZM9.607 20H17.6a2.4 2.4 0 0 0 2.4-2.4V6.4A2.4 2.4 0 0 0 17.6 4H6.4A2.4 2.4 0 0 0 4 6.4v11.2A2.4 2.4 0 0 0 6.4 20H9.607Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLayoutIcon;

package/src/LegoIcon.tsx

@@ -1,34 +1,33 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLegoIcon(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.334 7.841a.743.743 0 01.702-.062L12 11.192l7.965-3.413A.743.743 0 0121 8.46v8.257a.743.743 0 01-.45.683l-8.257 3.539a.743.743 0 01-.585 0L3.45 17.4a.743.743 0 01-.45-.683V8.461c0-.25.126-.482.334-.62zm1.152 1.747v6.64L12 19.45l7.515-3.22V9.588l-7.222 3.095a.743.743 0 01-.585 0L4.486 9.588z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 11.257c.41 0 .743.333.743.743v8.257a.743.743 0 11-1.486 0V12c0-.41.333-.743.743-.743zM9.144 6.147a.743.743 0 01-.39.975L4.035 9.144a.743.743 0 01-.585-1.366L8.17 5.757a.743.743 0 01.975.39zM14.856 6.147a.743.743 0 01.976-.39l4.718 2.021a.743.743 0 01-.585 1.366l-4.719-2.022a.743.743 0 01-.39-.975z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.263 3.384C10.023 3.13 11.007 3 12 3c.993 0 1.977.13 2.737.384.378.126.728.29.998.508.264.212.547.556.547 1.03s-.283.818-.547 1.03c-.27.218-.62.383-.998.51-.76.252-1.744.383-2.737.383-.993 0-1.977-.13-2.737-.384-.378-.126-.727-.291-.998-.509-.264-.212-.546-.556-.546-1.03s.282-.818.546-1.03c.27-.217.62-.382.998-.508zM12 4.485c-.884 0-1.7.119-2.267.308-.133.044-.24.088-.325.13.085.04.192.085.325.129.567.189 1.383.307 2.267.307.884 0 1.7-.118 2.268-.307.132-.044.24-.088.324-.13a2.719 2.719 0 00-.324-.13c-.567-.188-1.384-.307-2.268-.307z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.461 4.18c.41 0 .743.332.743.742v2.281c.01.013.027.03.05.053.102.098.284.224.555.349.538.248 1.316.441 2.191.441.876 0 1.654-.193 2.191-.441.271-.125.454-.251.556-.35a.651.651 0 00.05-.052v-2.28a.743.743 0 111.485 0v2.359c0 .46-.268.817-.507 1.046a3.531 3.531 0 01-.962.626c-.743.343-1.734.578-2.813.578-1.079 0-2.07-.235-2.813-.578-.37-.17-.706-.38-.962-.626-.238-.23-.506-.587-.506-1.046v-2.36c0-.41.332-.742.742-.742z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLegoIcon = (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.334 7.841a.743.743 0 0 1 .702-.062L12 11.192l7.965-3.413A.743.743 0 0 1 21 8.46v8.257a.743.743 0 0 1-.45.683l-8.257 3.539a.743.743 0 0 1-.585 0L3.45 17.4a.743.743 0 0 1-.45-.683V8.461c0-.25.126-.482.334-.62Zm1.152 1.747v6.64L12 19.45l7.515-3.22V9.588l-7.222 3.095a.743.743 0 0 1-.585 0L4.486 9.588Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 11.257c.41 0 .743.333.743.743v8.257a.743.743 0 1 1-1.486 0V12c0-.41.333-.743.743-.743ZM9.144 6.147a.743.743 0 0 1-.39.975L4.035 9.144a.743.743 0 0 1-.585-1.366L8.17 5.757a.743.743 0 0 1 .975.39ZM14.856 6.147a.743.743 0 0 1 .976-.39l4.718 2.021a.743.743 0 0 1-.585 1.366l-4.719-2.022a.743.743 0 0 1-.39-.975Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.263 3.384C10.023 3.13 11.007 3 12 3c.993 0 1.977.13 2.737.384.378.126.728.29.998.508.264.212.547.556.547 1.03s-.283.818-.547 1.03c-.27.218-.62.383-.998.51-.76.252-1.744.383-2.737.383-.993 0-1.977-.13-2.737-.384-.378-.126-.727-.291-.998-.509-.264-.212-.546-.556-.546-1.03s.282-.818.546-1.03c.27-.217.62-.382.998-.508ZM12 4.485c-.884 0-1.7.119-2.267.308-.133.044-.24.088-.325.13.085.04.192.085.325.129.567.189 1.383.307 2.267.307.884 0 1.7-.118 2.268-.307.132-.044.24-.088.324-.13a2.719 2.719 0 0 0-.324-.13c-.567-.188-1.384-.307-2.268-.307Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.461 4.18c.41 0 .743.332.743.742v2.281c.01.013.027.03.05.053.102.098.284.224.555.349.538.248 1.316.441 2.191.441.876 0 1.654-.193 2.191-.441.271-.125.454-.251.556-.35a.651.651 0 0 0 .05-.052v-2.28a.743.743 0 1 1 1.485 0v2.359c0 .46-.268.817-.507 1.046a3.531 3.531 0 0 1-.962.626c-.743.343-1.734.578-2.813.578-1.079 0-2.07-.235-2.813-.578-.37-.17-.706-.38-.962-.626-.238-.23-.506-.587-.506-1.046v-2.36c0-.41.332-.742.742-.742Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLegoIcon;

package/src/LinkIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLinkIcon(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.595 9.595a3.273 3.273 0 012.314-.959h1.636a.818.818 0 000-1.636H7.91a4.91 4.91 0 000 9.818h1.636a.818.818 0 000-1.636H7.91a3.273 3.273 0 01-2.314-5.587zM14.455 7a.818.818 0 000 1.636h1.636a3.273 3.273 0 010 6.546h-1.637a.818.818 0 000 1.636h1.637a4.909 4.909 0 100-9.818h-1.637zm-5.728 4.09a.818.818 0 000 1.637h6.546a.818.818 0 100-1.636H8.727z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLinkIcon = (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.595 9.595a3.273 3.273 0 0 1 2.314-.959h1.636a.818.818 0 0 0 0-1.636H7.91a4.91 4.91 0 0 0 0 9.818h1.636a.818.818 0 0 0 0-1.636H7.91a3.273 3.273 0 0 1-2.314-5.587ZM14.455 7a.818.818 0 0 0 0 1.636h1.636a3.273 3.273 0 0 1 0 6.546h-1.637a.818.818 0 0 0 0 1.636h1.637a4.909 4.909 0 1 0 0-9.818h-1.637Zm-5.728 4.09a.818.818 0 0 0 0 1.637h6.546a.818.818 0 1 0 0-1.636H8.727Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLinkIcon;

package/src/LinkTwoIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLinkTwoIcon(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.108 3a4.934 4.934 0 00-3.47 1.385l-.009.008L11.215 5.8a.822.822 0 001.16 1.166l1.41-1.402a3.29 3.29 0 014.651 4.65l-2.461 2.463a3.29 3.29 0 01-4.961-.355.823.823 0 00-1.317.985 4.934 4.934 0 007.44.533l2.468-2.467.01-.01A4.934 4.934 0 0016.109 3zm-5.404 5.71a4.934 4.934 0 00-3.842 1.434L4.395 12.61l-.01.01a4.934 4.934 0 006.977 6.977l.01-.01 1.407-1.406a.822.822 0 10-1.163-1.163l-1.401 1.401a3.29 3.29 0 01-4.651-4.651l2.462-2.462a3.289 3.289 0 014.96.355.823.823 0 001.317-.985 4.934 4.934 0 00-3.599-1.966z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLinkTwoIcon = (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.108 3a4.934 4.934 0 0 0-3.47 1.385l-.009.008L11.215 5.8a.822.822 0 0 0 1.16 1.166l1.41-1.402a3.29 3.29 0 0 1 4.651 4.65l-2.461 2.463a3.29 3.29 0 0 1-4.961-.355.823.823 0 0 0-1.317.985 4.934 4.934 0 0 0 7.44.533l2.468-2.467.01-.01A4.934 4.934 0 0 0 16.109 3Zm-5.404 5.71a4.934 4.934 0 0 0-3.842 1.434L4.395 12.61l-.01.01a4.934 4.934 0 0 0 6.977 6.977l.01-.01 1.407-1.406a.822.822 0 1 0-1.163-1.163l-1.401 1.401a3.29 3.29 0 0 1-4.651-4.651l2.462-2.462a3.289 3.289 0 0 1 4.96.355.823.823 0 0 0 1.317-.985 4.934 4.934 0 0 0-3.599-1.966Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLinkTwoIcon;

package/src/LinkedInIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgLinkedInIcon(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 3a9.001 9.001 0 000 18 9.001 9.001 0 000-18zM9.385 16.605H7.193v-6.594h2.192v6.595zM8.289 9.111h-.014c-.736 0-1.212-.507-1.212-1.14 0-.647.49-1.139 1.24-1.139s1.212.492 1.226 1.14c0 .632-.476 1.139-1.24 1.139zm9 7.494h-2.192v-3.527c0-.887-.318-1.492-1.11-1.492-.606 0-.967.408-1.125.802-.058.14-.072.338-.072.535v3.682h-2.192s.028-5.975 0-6.594h2.191v.934c.292-.45.813-1.089 1.976-1.089 1.442 0 2.523.943 2.523 2.968v3.781z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgLinkedInIcon = (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 3a9.001 9.001 0 0 0 0 18 9.001 9.001 0 0 0 0-18ZM9.385 16.605H7.193v-6.594h2.192v6.595ZM8.289 9.111h-.014c-.736 0-1.212-.507-1.212-1.14 0-.647.49-1.139 1.24-1.139s1.212.492 1.226 1.14c0 .632-.476 1.139-1.24 1.139Zm9 7.494h-2.192v-3.527c0-.887-.318-1.492-1.11-1.492-.606 0-.967.408-1.125.802-.058.14-.072.338-.072.535v3.682h-2.192s.028-5.975 0-6.594h2.191v.934c.292-.45.813-1.089 1.976-1.089 1.442 0 2.523.943 2.523 2.968v3.781Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgLinkedInIcon;

package/src/ListCheckIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgListCheckIcon(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.752 3.48c.307-.308.723-.48 1.157-.48h4.91a1.636 1.636 0 011.635 1.636h.819a2.455 2.455 0 012.454 2.455v11.454A2.454 2.454 0 0117.273 21H7.455A2.455 2.455 0 015 18.546V7.09a2.455 2.455 0 012.455-2.455h.818c0-.434.172-.85.479-1.157zm7.223 3.95c.307-.307.48-.723.48-1.157h.818a.818.818 0 01.818.818v11.454a.818.818 0 01-.818.819H7.455a.818.818 0 01-.819-.819V7.091a.818.818 0 01.819-.818h.818a1.636 1.636 0 001.636 1.636h4.91c.433 0 .85-.172 1.156-.48zM9.91 6.273V4.636h4.91v1.637h-4.91zm5.488 5.487a.818.818 0 10-1.157-1.157l-2.695 2.694-1.057-1.057a.818.818 0 00-1.157 1.157l1.636 1.636c.32.32.838.32 1.157 0l3.273-3.273z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgListCheckIcon = (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.752 3.48c.307-.308.723-.48 1.157-.48h4.91a1.636 1.636 0 0 1 1.635 1.636h.819a2.455 2.455 0 0 1 2.454 2.455v11.454A2.454 2.454 0 0 1 17.273 21H7.455A2.455 2.455 0 0 1 5 18.546V7.09a2.455 2.455 0 0 1 2.455-2.455h.818c0-.434.172-.85.479-1.157Zm7.223 3.95c.307-.307.48-.723.48-1.157h.818a.818.818 0 0 1 .818.818v11.454a.818.818 0 0 1-.818.819H7.455a.818.818 0 0 1-.819-.819V7.091a.818.818 0 0 1 .819-.818h.818a1.636 1.636 0 0 0 1.636 1.636h4.91c.433 0 .85-.172 1.156-.48ZM9.91 6.273V4.636h4.91v1.637h-4.91Zm5.488 5.487a.818.818 0 1 0-1.157-1.157l-2.695 2.694-1.057-1.057a.818.818 0 0 0-1.157 1.157l1.636 1.636c.32.32.838.32 1.157 0l3.273-3.273Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgListCheckIcon;

package/src/ListReportIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgListReportIcon(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.537 3.719A2.455 2.455 0 017.273 3h6.955c.216 0 .424.086.578.24l4.5 4.5c.153.153.24.361.24.578V18.546A2.455 2.455 0 0117.09 21H5.636a.818.818 0 110-1.636h11.455a.818.818 0 00.818-.819v-9h-4.09A.818.818 0 0113 8.727v-4.09H7.273a.818.818 0 00-.818.818v3.272a.818.818 0 11-1.637 0V5.455c0-.651.259-1.276.72-1.736zm9.1 4.19V5.384L17.16 7.91h-2.525zm-4.331 5.488a.818.818 0 00-1.157-1.157l-2.694 2.694-1.058-1.058a.818.818 0 00-1.157 1.157l1.636 1.636c.32.32.838.32 1.157 0l3.273-3.272z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgListReportIcon = (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.537 3.719A2.455 2.455 0 0 1 7.273 3h6.955c.216 0 .424.086.578.24l4.5 4.5c.153.153.24.361.24.578V18.546A2.455 2.455 0 0 1 17.09 21H5.636a.818.818 0 1 1 0-1.636h11.455a.818.818 0 0 0 .818-.819v-9h-4.09A.818.818 0 0 1 13 8.727v-4.09H7.273a.818.818 0 0 0-.818.818v3.272a.818.818 0 1 1-1.637 0V5.455c0-.651.259-1.276.72-1.736Zm9.1 4.19V5.384L17.16 7.91h-2.525Zm-4.331 5.488a.818.818 0 0 0-1.157-1.157l-2.694 2.694-1.058-1.058a.818.818 0 0 0-1.157 1.157l1.636 1.636c.32.32.838.32 1.157 0l3.273-3.272Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgListReportIcon;

package/src/MailIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMailIcon(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.724 7.09a.823.823 0 01.73-.454h13.091c.318 0 .596.186.731.454L12 12.183 4.724 7.09zM3 7.438v9.835a2.46 2.46 0 002.455 2.454h13.09A2.46 2.46 0 0021 17.273V7.455M3 7.438A2.46 2.46 0 015.455 5h13.09A2.46 2.46 0 0121 7.442M4.636 9.027l6.895 4.826a.818.818 0 00.938 0l6.895-4.826v8.247c0 .448-.37.818-.819.818H5.456a.823.823 0 01-.819-.818V9.026z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMailIcon = (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.724 7.09a.823.823 0 0 1 .73-.454h13.091c.318 0 .596.186.731.454L12 12.183 4.724 7.09ZM3 7.438v9.835a2.46 2.46 0 0 0 2.455 2.454h13.09A2.46 2.46 0 0 0 21 17.273V7.455M3 7.438A2.46 2.46 0 0 1 5.455 5h13.09A2.46 2.46 0 0 1 21 7.442M4.636 9.027l6.895 4.826a.818.818 0 0 0 .938 0l6.895-4.826v8.247c0 .448-.37.818-.819.818H5.456a.823.823 0 0 1-.819-.818V9.026Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMailIcon;

package/src/MapPinIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMapPinIcon(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="M7.257 6.257A6 6 0 0117.5 10.5c0 2.324-1.512 4.578-3.17 6.328a22.08 22.08 0 01-2.83 2.502 22.07 22.07 0 01-2.83-2.502C7.011 15.078 5.5 12.824 5.5 10.5a6 6 0 011.757-4.243zm3.827 14.617l.416-.624.416.624a.75.75 0 01-.832 0zm0 0l.416-.624c.416.624.417.624.417.623h.002l.005-.004.017-.011a8.367 8.367 0 00.288-.204 23.57 23.57 0 003.19-2.795C17.137 16.048 19 13.428 19 10.5a7.5 7.5 0 00-15 0c0 2.927 1.863 5.547 3.58 7.36a23.58 23.58 0 003.417 2.955l.062.043.018.011.005.003.002.002zM10 10.5a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm1.5-3a3 3 0 100 6 3 3 0 000-6z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMapPinIcon = (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="M7.257 6.257A6 6 0 0 1 17.5 10.5c0 2.324-1.512 4.578-3.17 6.328a22.08 22.08 0 0 1-2.83 2.502 22.07 22.07 0 0 1-2.83-2.502C7.011 15.078 5.5 12.824 5.5 10.5a6 6 0 0 1 1.757-4.243Zm3.827 14.617.416-.624.416.624a.75.75 0 0 1-.832 0Zm0 0 .416-.624c.416.624.417.624.417.623h.002l.005-.004.017-.011a8.367 8.367 0 0 0 .288-.204 23.57 23.57 0 0 0 3.19-2.795C17.137 16.048 19 13.428 19 10.5a7.5 7.5 0 0 0-15 0c0 2.927 1.863 5.547 3.58 7.36a23.58 23.58 0 0 0 3.417 2.955l.062.043.018.011.005.003.002.002ZM10 10.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm1.5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMapPinIcon;

package/src/MaximizeIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMaximizeIcon(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.796.796 0 0120 4.81V9.6a.8.8 0 01-1.6 0V6.731l-4.234 4.235a.8.8 0 01-1.132-1.132L17.27 5.6H14.4a.8.8 0 010-1.6H19.207a.802.802 0 01.559.234zM5.6 14.4a.8.8 0 10-1.6 0v4.8a.797.797 0 00.8.8h4.8a.8.8 0 000-1.6H6.731l4.235-4.234a.8.8 0 00-1.132-1.132L5.6 17.27V14.4z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMaximizeIcon = (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.796.796 0 0 1 20 4.81V9.6a.8.8 0 0 1-1.6 0V6.731l-4.234 4.235a.8.8 0 0 1-1.132-1.132L17.27 5.6H14.4a.8.8 0 0 1 0-1.6H19.207a.802.802 0 0 1 .559.234ZM5.6 14.4a.8.8 0 1 0-1.6 0v4.8a.797.797 0 0 0 .8.8h4.8a.8.8 0 0 0 0-1.6H6.731l4.235-4.234a.8.8 0 0 0-1.132-1.132L5.6 17.27V14.4Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMaximizeIcon;

package/src/MicIcon.tsx

@@ -1,20 +1,19 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMicIcon(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.976 11.141a1.033 1.033 0 00-1.45.002l-.003.002a1.032 1.032 0 101.459.002l-.002-.002-.004-.004z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M14.706 3.17a4.687 4.687 0 015.596 7.072l.308.307a.75.75 0 01-1.06 1.061l-.308-.308a4.69 4.69 0 01-2.509.88l-7.78 6.455a1.875 1.875 0 01-2.447-.082l-2.413 2.413a.75.75 0 01-1.06-1.06l2.41-2.412a1.875 1.875 0 01-.08-2.447l.006-.008 6.45-7.774a4.689 4.689 0 01.879-2.509l-.308-.307a.75.75 0 111.06-1.061l.309.308c.293-.212.611-.39.947-.529zm-2.564 6.056l-5.614 6.767a.375.375 0 00.029.497l.956.953a.375.375 0 00.497.029l6.764-5.614a4.69 4.69 0 01-2.632-2.632zm7.303-.506c-.063.153-.138.3-.224.44L14.84 4.78a3.185 3.185 0 013.914.467 3.187 3.187 0 01.69 3.474zm-5.89-2.44c.063-.153.138-.3.224-.44l4.381 4.38a3.18 3.18 0 01-2.88.225 3.188 3.188 0 01-1.725-4.165z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMicIcon = (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.976 11.141a1.033 1.033 0 0 0-1.45.002l-.003.002a1.032 1.032 0 1 0 1.459.002l-.002-.002-.004-.004Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.706 3.17a4.687 4.687 0 0 1 5.596 7.072l.308.307a.75.75 0 0 1-1.06 1.061l-.308-.308a4.69 4.69 0 0 1-2.509.88l-7.78 6.455a1.875 1.875 0 0 1-2.447-.082l-2.413 2.413a.75.75 0 0 1-1.06-1.06l2.41-2.412a1.875 1.875 0 0 1-.08-2.447l.006-.008 6.45-7.774a4.689 4.689 0 0 1 .879-2.509l-.308-.307a.75.75 0 1 1 1.06-1.061l.309.308c.293-.212.611-.39.947-.529Zm-2.564 6.056-5.614 6.767a.375.375 0 0 0 .029.497l.956.953a.375.375 0 0 0 .497.029l6.764-5.614a4.69 4.69 0 0 1-2.632-2.632Zm7.303-.506c-.063.153-.138.3-.224.44L14.84 4.78a3.185 3.185 0 0 1 3.914.467 3.187 3.187 0 0 1 .69 3.474Zm-5.89-2.44c.063-.153.138-.3.224-.44l4.381 4.38a3.18 3.18 0 0 1-2.88.225 3.188 3.188 0 0 1-1.725-4.165Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMicIcon;

package/src/MicOffIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgMicOffIcon(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="M2.244 2.244a.83.83 0 011.175 0l6.601 6.6c.026.022.051.044.075.068l4.268 4.268a.84.84 0 01.066.074l2.143 2.142a.817.817 0 01.311.312l4.873 4.873a.83.83 0 11-1.175 1.175l-4.473-4.472a6.676 6.676 0 01-3.27 1.37v1.677h2.5c.459 0 .834.375.834.833a.836.836 0 01-.834.834h-3.32a.635.635 0 01-.028 0H8.67a.83.83 0 01-.833-.834c0-.458.375-.833.833-.833h2.5v-1.672a6.663 6.663 0 01-4.734-2.929 6.748 6.748 0 01-1.1-3.734v-1.667c0-.459.375-.834.834-.834.458 0 .833.375.833.834v1.675c-.008 1 .284 1.976.834 2.8a5.075 5.075 0 002.258 1.86c.533.22 1.093.344 1.659.372a.828.828 0 01.498-.001 4.986 4.986 0 002.67-.937l-1.226-1.227c-.32.188-.671.321-1.042.392-.216.05-.433.067-.65.067a3.23 3.23 0 01-1.275-.258 3.297 3.297 0 01-1.492-1.226 3.226 3.226 0 01-.567-1.842V9.845L2.244 3.42a.83.83 0 010-1.175zM12.43 13.606l-2.085-2.085-.009-.009v.484c0 .333.1.65.284.925a1.7 1.7 0 00.75.617 1.637 1.637 0 001.06.068zm2.074-2.994a.836.836 0 01-.834-.833V5.328c0-.417-.15-.809-.433-1.117a1.657 1.657 0 00-1.067-.542 1.665 1.665 0 00-1.8 1.325.835.835 0 01-.984.65.827.827 0 01-.65-.975 3.342 3.342 0 015.751-1.567c.542.609.85 1.4.85 2.234v4.451a.829.829 0 01-.833.825zm4.167-.283a.836.836 0 00-.833-.834.836.836 0 00-.834.834v1.667c0 .3-.025.592-.083.883a.837.837 0 00.675.967.838.838 0 00.967-.675 6.23 6.23 0 00.108-1.175v-1.667z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgMicOffIcon = (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="M2.244 2.244a.83.83 0 0 1 1.175 0l6.601 6.6c.026.022.051.044.075.068l4.268 4.268a.84.84 0 0 1 .066.074l2.143 2.142a.817.817 0 0 1 .311.312l4.873 4.873a.83.83 0 1 1-1.175 1.175l-4.473-4.472a6.676 6.676 0 0 1-3.27 1.37v1.677h2.5c.459 0 .834.375.834.833a.836.836 0 0 1-.834.834h-3.32a.635.635 0 0 1-.028 0H8.67a.83.83 0 0 1-.833-.834c0-.458.375-.833.833-.833h2.5v-1.672a6.663 6.663 0 0 1-4.734-2.929 6.748 6.748 0 0 1-1.1-3.734v-1.667c0-.459.375-.834.834-.834.458 0 .833.375.833.834v1.675c-.008 1 .284 1.976.834 2.8a5.075 5.075 0 0 0 2.258 1.86c.533.22 1.093.344 1.659.372a.828.828 0 0 1 .498-.001 4.986 4.986 0 0 0 2.67-.937l-1.226-1.227c-.32.188-.671.321-1.042.392-.216.05-.433.067-.65.067a3.23 3.23 0 0 1-1.275-.258 3.297 3.297 0 0 1-1.492-1.226 3.226 3.226 0 0 1-.567-1.842V9.845L2.244 3.42a.83.83 0 0 1 0-1.175ZM12.43 13.606l-2.085-2.085-.009-.009v.484c0 .333.1.65.284.925a1.7 1.7 0 0 0 .75.617 1.637 1.637 0 0 0 1.06.068Zm2.074-2.994a.836.836 0 0 1-.834-.833V5.328c0-.417-.15-.809-.433-1.117a1.657 1.657 0 0 0-1.067-.542 1.665 1.665 0 0 0-1.8 1.325.835.835 0 0 1-.984.65.827.827 0 0 1-.65-.975 3.342 3.342 0 0 1 5.751-1.567c.542.609.85 1.4.85 2.234v4.451a.829.829 0 0 1-.833.825Zm4.167-.283a.836.836 0 0 0-.833-.834.836.836 0 0 0-.834.834v1.667c0 .3-.025.592-.083.883a.837.837 0 0 0 .675.967.838.838 0 0 0 .967-.675 6.23 6.23 0 0 0 .108-1.175v-1.667Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgMicOffIcon;