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

package/src/ThumbsUpIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgThumbsUpIcon(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="M10.434 3.486A.818.818 0 0111.182 3a3.273 3.273 0 013.272 3.273v2.454h3.809a2.454 2.454 0 012.45 2.823l-1.13 7.363A2.457 2.457 0 0117.133 21H5.456A2.455 2.455 0 013 18.545v-5.727a2.454 2.454 0 012.455-2.454h1.922l3.057-6.878zm-1.707 7.87l2.952-6.642a1.636 1.636 0 011.14 1.559v3.272c0 .452.365.819.817.819h4.641a.82.82 0 01.818.94l-1.13 7.364a.819.819 0 01-.818.696h-8.42v-8.009zm-1.636 8.007V12H5.455a.818.818 0 00-.819.818v5.727a.818.818 0 00.819.818H7.09z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgThumbsUpIcon = (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="M10.434 3.486A.818.818 0 0 1 11.182 3a3.273 3.273 0 0 1 3.272 3.273v2.454h3.809a2.454 2.454 0 0 1 2.45 2.823l-1.13 7.363A2.457 2.457 0 0 1 17.133 21H5.456A2.455 2.455 0 0 1 3 18.545v-5.727a2.454 2.454 0 0 1 2.455-2.454h1.922l3.057-6.878Zm-1.707 7.87 2.952-6.642a1.636 1.636 0 0 1 1.14 1.559v3.272c0 .452.365.819.817.819h4.641a.82.82 0 0 1 .818.94l-1.13 7.364a.819.819 0 0 1-.818.696h-8.42v-8.009Zm-1.636 8.007V12H5.455a.818.818 0 0 0-.819.818v5.727a.818.818 0 0 0 .819.818H7.09Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgThumbsUpIcon;

package/src/TranscriptIcon.tsx

@@ -1,13 +1,12 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgTranscriptIcon(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="M7 15h10" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" strokeDasharray="8 3" />
-      <path d="M7 12h10" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" strokeDasharray="3 3" />
-      <rect x={3.625} y={5.625} width={16.75} height={12.75} rx={2.875} stroke="currentColor" strokeWidth={1.25} />
-    </svg>
-  );
-}
+const SvgTranscriptIcon = (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="M7 15h10" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" strokeDasharray="8 3" />
+    <path d="M7 12h10" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" strokeDasharray="3 3" />
+    <rect x={3.625} y={5.625} width={16.75} height={12.75} rx={2.875} stroke="currentColor" strokeWidth={1.25} />
+  </svg>
+);
 
 export default SvgTranscriptIcon;

package/src/TrashIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgTrashIcon(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.967 4.876a.818.818 0 01.578-.24h3.273a.818.818 0 01.818.819v.818H9.727v-.818c0-.217.086-.426.24-.579zM8.09 6.273v-.818A2.455 2.455 0 0110.545 3h3.273a2.454 2.454 0 012.455 2.455v.818h3.273a.818.818 0 010 1.636h-.819v10.637A2.454 2.454 0 0116.273 21H8.09a2.455 2.455 0 01-2.455-2.454V7.909h-.818a.818.818 0 110-1.636h3.273zm-.818 12.273V7.909h9.818v10.637a.818.818 0 01-.818.818H8.09a.818.818 0 01-.818-.819zm3.273-8.182c.451 0 .818.366.818.818v4.909a.818.818 0 01-1.637 0v-4.91c0-.451.367-.817.819-.817zm4.09.818a.818.818 0 00-1.636 0v4.909a.818.818 0 101.636 0v-4.91z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgTrashIcon = (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.967 4.876a.818.818 0 0 1 .578-.24h3.273a.818.818 0 0 1 .818.819v.818H9.727v-.818c0-.217.086-.426.24-.579ZM8.09 6.273v-.818A2.455 2.455 0 0 1 10.545 3h3.273a2.454 2.454 0 0 1 2.455 2.455v.818h3.273a.818.818 0 0 1 0 1.636h-.819v10.637A2.454 2.454 0 0 1 16.273 21H8.09a2.455 2.455 0 0 1-2.455-2.454V7.909h-.818a.818.818 0 1 1 0-1.636h3.273Zm-.818 12.273V7.909h9.818v10.637a.818.818 0 0 1-.818.818H8.09a.818.818 0 0 1-.818-.819Zm3.273-8.182c.451 0 .818.366.818.818v4.909a.818.818 0 0 1-1.637 0v-4.91c0-.451.367-.817.819-.817Zm4.09.818a.818.818 0 0 0-1.636 0v4.909a.818.818 0 1 0 1.636 0v-4.91Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgTrashIcon;

package/src/UploadIcon.tsx

@@ -1,24 +1,23 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgUploadIcon(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.417 17.916v-7.5M7.083 13.75l3.334-3.334 3.333 3.333"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M13.75 17.73a7.5 7.5 0 10-9.128-8.064 4.167 4.167 0 00.795 8.25h1.666"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-}
+const SvgUploadIcon = (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.417 17.916v-7.5M7.083 13.75l3.334-3.334 3.333 3.333"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13.75 17.73a7.5 7.5 0 1 0-9.128-8.064 4.167 4.167 0 0 0 .795 8.25h1.666"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
 
 export default SvgUploadIcon;

package/src/VerifiedIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVerifiedIcon(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 20a3.75 3.75 0 01-1.76-.464 3.642 3.642 0 01-1-.816c-.44.04-.88 0-1.304-.128a3.635 3.635 0 01-2.504-2.512 3.687 3.687 0 01-.136-1.288 3.77 3.77 0 01-.832-1.016A3.61 3.61 0 014 12c0-.624.16-1.24.464-1.784.216-.376.496-.72.824-1.008a3.638 3.638 0 01.128-1.28 3.768 3.768 0 01.912-1.576 3.72 3.72 0 012.48-1.088c.144 0 .264 0 .4.016A3.682 3.682 0 0111.992 4H12c.616 0 1.224.16 1.768.456.384.208.728.488 1.008.816.44-.032.88.016 1.304.136a3.8 3.8 0 011.576.928c.44.44.76.984.928 1.576.12.424.168.864.136 1.296.328.288.608.632.824 1.016.296.544.456 1.16.456 1.776 0 .616-.16 1.224-.456 1.768a3.562 3.562 0 01-.816 1.008c.032.44-.016.88-.136 1.304a3.734 3.734 0 01-.936 1.576c-.44.44-.984.76-1.576.936-.424.12-.864.168-1.296.136a3.896 3.896 0 01-1.016.824A3.767 3.767 0 0112 20zm-2.408-2.936c.272 0 .528.136.672.368a2.09 2.09 0 001.744.968c.344 0 .688-.088 1-.256.304-.168.568-.416.752-.704a.797.797 0 01.848-.352 2.059 2.059 0 001.92-.56 2.059 2.059 0 00.56-1.92.797.797 0 01.352-.848c.296-.192.536-.448.704-.752.168-.312.256-.664.256-1.008 0-.352-.088-.696-.256-1a2.117 2.117 0 00-.704-.752.797.797 0 01-.352-.848 2.05 2.05 0 00-.032-1.032 2.013 2.013 0 00-.528-.888 2.059 2.059 0 00-1.92-.56.785.785 0 01-.848-.352 2.049 2.049 0 00-.752-.704A2.062 2.062 0 0012 5.6c-.352 0-.704.088-1.008.256a2.07 2.07 0 00-.752.712.803.803 0 01-.872.352 1.862 1.862 0 00-.512-.056 2.091 2.091 0 00-1.384.608 2.06 2.06 0 00-.512.888 2.05 2.05 0 00-.024 1.032.81.81 0 01-.352.856 2.028 2.028 0 00-.72.752 2.04 2.04 0 000 2.008c.168.304.416.568.712.752.288.184.432.52.36.856-.08.336-.064.696.032 1.032.096.336.272.64.52.888.248.24.552.424.888.52.336.096.696.104 1.04.024.056-.008.12-.016.176-.016zm1.04-2.896c.12.114.263.187.414.217l-.414-.217zm0 0l-.002-.002-1.598-1.598a.797.797 0 111.128-1.128l1.036 1.036 2.636-2.636a.797.797 0 111.128 1.128l-3.196 3.196-.004.004a.787.787 0 01-.714.217"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgVerifiedIcon = (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 20a3.75 3.75 0 0 1-1.76-.464 3.642 3.642 0 0 1-1-.816c-.44.04-.88 0-1.304-.128a3.635 3.635 0 0 1-2.504-2.512 3.687 3.687 0 0 1-.136-1.288 3.77 3.77 0 0 1-.832-1.016A3.61 3.61 0 0 1 4 12c0-.624.16-1.24.464-1.784.216-.376.496-.72.824-1.008a3.638 3.638 0 0 1 .128-1.28 3.768 3.768 0 0 1 .912-1.576 3.72 3.72 0 0 1 2.48-1.088c.144 0 .264 0 .4.016A3.682 3.682 0 0 1 11.992 4H12c.616 0 1.224.16 1.768.456.384.208.728.488 1.008.816.44-.032.88.016 1.304.136a3.8 3.8 0 0 1 1.576.928c.44.44.76.984.928 1.576.12.424.168.864.136 1.296.328.288.608.632.824 1.016.296.544.456 1.16.456 1.776 0 .616-.16 1.224-.456 1.768a3.562 3.562 0 0 1-.816 1.008c.032.44-.016.88-.136 1.304a3.734 3.734 0 0 1-.936 1.576c-.44.44-.984.76-1.576.936-.424.12-.864.168-1.296.136a3.896 3.896 0 0 1-1.016.824A3.767 3.767 0 0 1 12 20Zm-2.408-2.936c.272 0 .528.136.672.368a2.09 2.09 0 0 0 1.744.968c.344 0 .688-.088 1-.256.304-.168.568-.416.752-.704a.797.797 0 0 1 .848-.352 2.059 2.059 0 0 0 1.92-.56 2.059 2.059 0 0 0 .56-1.92.797.797 0 0 1 .352-.848c.296-.192.536-.448.704-.752.168-.312.256-.664.256-1.008 0-.352-.088-.696-.256-1a2.117 2.117 0 0 0-.704-.752.797.797 0 0 1-.352-.848 2.05 2.05 0 0 0-.032-1.032 2.013 2.013 0 0 0-.528-.888 2.059 2.059 0 0 0-1.92-.56.785.785 0 0 1-.848-.352 2.049 2.049 0 0 0-.752-.704A2.062 2.062 0 0 0 12 5.6c-.352 0-.704.088-1.008.256a2.07 2.07 0 0 0-.752.712.803.803 0 0 1-.872.352 1.862 1.862 0 0 0-.512-.056 2.091 2.091 0 0 0-1.384.608 2.06 2.06 0 0 0-.512.888 2.05 2.05 0 0 0-.024 1.032.81.81 0 0 1-.352.856 2.028 2.028 0 0 0-.72.752 2.04 2.04 0 0 0 0 2.008c.168.304.416.568.712.752.288.184.432.52.36.856-.08.336-.064.696.032 1.032.096.336.272.64.52.888.248.24.552.424.888.52.336.096.696.104 1.04.024.056-.008.12-.016.176-.016Zm1.04-2.896c.12.114.263.187.414.217l-.414-.217Zm0 0-.002-.002-1.598-1.598a.797.797 0 1 1 1.128-1.128l1.036 1.036 2.636-2.636a.797.797 0 1 1 1.128 1.128l-3.196 3.196-.004.004a.787.787 0 0 1-.714.217"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgVerifiedIcon;

package/src/VerticalMenuIcon.tsx

@@ -1,15 +1,14 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVerticalMenuIcon(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 7.003c1.123 0 2-.881 2-2.006A1.997 1.997 0 0012 3c-1.094 0-2 .89-2 1.997 0 1.097.906 2.006 2 2.006zm0 6.975c1.123 0 2-.872 2-1.978a2 2 0 00-4 0c0 1.088.906 1.978 2 1.978zM12 21c1.123 0 2-.881 2-1.997a1.999 1.999 0 00-2-2.006c-1.094 0-2 .89-2 2.006 0 1.088.906 1.997 2 1.997z"
-        fill="currentColor"
-        fillOpacity={0.95}
-      />
-    </svg>
-  );
-}
+const SvgVerticalMenuIcon = (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 7.003c1.123 0 2-.881 2-2.006A1.997 1.997 0 0 0 12 3c-1.094 0-2 .89-2 1.997 0 1.097.906 2.006 2 2.006Zm0 6.975c1.123 0 2-.872 2-1.978a2 2 0 0 0-4 0c0 1.088.906 1.978 2 1.978ZM12 21c1.123 0 2-.881 2-1.997a1.999 1.999 0 0 0-2-2.006c-1.094 0-2 .89-2 2.006 0 1.088.906 1.997 2 1.997Z"
+      fill="currentColor"
+      fillOpacity={0.95}
+    />
+  </svg>
+);
 
 export default SvgVerticalMenuIcon;

package/src/VideoConferencing.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVideoConferencing(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.496 4.12a.625.625 0 01.441-.183h13.5a.625.625 0 01.625.626v9a.624.624 0 01-.625.624h-5.625a.5.5 0 000 1h1.75v1.25h-.624a.5.5 0 000 1H17.75a.5.5 0 000-1h-1.188v-1.25h2.875a1.625 1.625 0 001.625-1.624v-9a1.625 1.625 0 00-1.625-1.625h-13.5a1.625 1.625 0 00-1.625 1.624V6.25a.5.5 0 001 0V4.562c0-.165.066-.324.184-.441zm7.332 1.708a2.187 2.187 0 112.595 3.467 3.313 3.313 0 012.264 3.143.5.5 0 01-1 0 2.312 2.312 0 00-2.312-2.313.5.5 0 01-.486-.617 2.187 2.187 0 01-1.06-3.68zm1.547.36a1.188 1.188 0 100 2.375 1.188 1.188 0 000-2.376zM8.75 16a4.313 4.313 0 00-4.313 4.313.75.75 0 01-1.5 0 5.813 5.813 0 014.51-5.665 3.843 3.843 0 112.605 0 5.813 5.813 0 014.51 5.665.75.75 0 01-1.5 0A4.313 4.313 0 008.75 16zM7.093 9.374a2.344 2.344 0 113.314 3.315 2.344 2.344 0 01-3.314-3.315z"
-        fill="#000"
-      />
-    </svg>
-  );
-}
+const SvgVideoConferencing = (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.496 4.12a.625.625 0 0 1 .441-.183h13.5a.625.625 0 0 1 .625.626v9a.624.624 0 0 1-.625.624h-5.625a.5.5 0 0 0 0 1h1.75v1.25h-.624a.5.5 0 0 0 0 1H17.75a.5.5 0 0 0 0-1h-1.188v-1.25h2.875a1.625 1.625 0 0 0 1.625-1.624v-9a1.625 1.625 0 0 0-1.625-1.625h-13.5a1.625 1.625 0 0 0-1.625 1.624V6.25a.5.5 0 0 0 1 0V4.562c0-.165.066-.324.184-.441Zm7.332 1.708a2.187 2.187 0 1 1 2.595 3.467 3.313 3.313 0 0 1 2.264 3.143.5.5 0 0 1-1 0 2.312 2.312 0 0 0-2.312-2.313.5.5 0 0 1-.486-.617 2.187 2.187 0 0 1-1.06-3.68Zm1.547.36a1.188 1.188 0 1 0 0 2.375 1.188 1.188 0 0 0 0-2.376ZM8.75 16a4.313 4.313 0 0 0-4.313 4.313.75.75 0 0 1-1.5 0 5.813 5.813 0 0 1 4.51-5.665 3.843 3.843 0 1 1 2.605 0 5.813 5.813 0 0 1 4.51 5.665.75.75 0 0 1-1.5 0A4.313 4.313 0 0 0 8.75 16ZM7.093 9.374a2.344 2.344 0 1 1 3.314 3.315 2.344 2.344 0 0 1-3.314-3.315Z"
+      fill="#000"
+    />
+  </svg>
+);
 
 export default SvgVideoConferencing;

package/src/VideoOffIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVideoOffIcon(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.351 3.232a.792.792 0 00-1.12 1.12l1.836 1.835A2.375 2.375 0 003 8.542v7.916a2.375 2.375 0 002.375 2.375h8.708a2.375 2.375 0 002.186-1.445l4.38 4.38a.792.792 0 101.12-1.12l-5.536-5.535-.006-.006-8.709-8.709a1.014 1.014 0 00-.006-.006l-3.16-3.16zm2.28 4.518l8.244 8.245v.463a.791.791 0 01-.792.792H5.375a.792.792 0 01-.792-.792V8.542a.792.792 0 01.792-.792H6.63zm4.808 0h2.644a.791.791 0 01.792.792v2.644c0 .21.083.411.232.56l.792.791a.792.792 0 001.023.082l3.495-2.528v6.367a.792.792 0 101.583 0V8.542a.792.792 0 00-1.256-.642l-4.203 3.04-.083-.082V8.542a2.375 2.375 0 00-2.375-2.375H11.44a.792.792 0 100 1.583z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgVideoOffIcon = (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.351 3.232a.792.792 0 0 0-1.12 1.12l1.836 1.835A2.375 2.375 0 0 0 3 8.542v7.916a2.375 2.375 0 0 0 2.375 2.375h8.708a2.375 2.375 0 0 0 2.186-1.445l4.38 4.38a.792.792 0 1 0 1.12-1.12l-5.536-5.535-.006-.006-8.709-8.709a1.014 1.014 0 0 0-.006-.006l-3.16-3.16Zm2.28 4.518 8.244 8.245v.463a.791.791 0 0 1-.792.792H5.375a.792.792 0 0 1-.792-.792V8.542a.792.792 0 0 1 .792-.792H6.63Zm4.808 0h2.644a.791.791 0 0 1 .792.792v2.644c0 .21.083.411.232.56l.792.791a.792.792 0 0 0 1.023.082l3.495-2.528v6.367a.792.792 0 1 0 1.583 0V8.542a.792.792 0 0 0-1.256-.642l-4.203 3.04-.083-.082V8.542a2.375 2.375 0 0 0-2.375-2.375H11.44a.792.792 0 1 0 0 1.583Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgVideoOffIcon;

package/src/VideoOnIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVideoOnIcon(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.583 8.375c0-.437.355-.792.792-.792h8.708c.438 0 .792.355.792.792v7.917a.792.792 0 01-.792.791H5.375a.792.792 0 01-.792-.791V8.375zm11.875 2.42v-2.42A2.375 2.375 0 0014.083 6H5.375A2.375 2.375 0 003 8.375v7.917a2.375 2.375 0 002.375 2.375h8.708a2.375 2.375 0 002.375-2.375v-2.42l4.29 3.064A.792.792 0 0022 16.292V8.375a.792.792 0 00-1.252-.644l-4.29 3.064zm3.959 3.958l-3.388-2.42 3.388-2.42v4.84z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgVideoOnIcon = (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.583 8.375c0-.437.355-.792.792-.792h8.708c.438 0 .792.355.792.792v7.917a.792.792 0 0 1-.792.791H5.375a.792.792 0 0 1-.792-.791V8.375Zm11.875 2.42v-2.42A2.375 2.375 0 0 0 14.083 6H5.375A2.375 2.375 0 0 0 3 8.375v7.917a2.375 2.375 0 0 0 2.375 2.375h8.708a2.375 2.375 0 0 0 2.375-2.375v-2.42l4.29 3.064A.792.792 0 0 0 22 16.292V8.375a.792.792 0 0 0-1.252-.644l-4.29 3.064Zm3.959 3.958-3.388-2.42 3.388-2.42v4.84Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgVideoOnIcon;

package/src/VideoPlayerIcon.tsx

@@ -1,22 +1,21 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVideoPlayerIcon(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="M17.618 8.747a.765.765 0 00-.72 0l-.842.513a.168.168 0 01-.158 0 .183.183 0 01-.073-.043.165.165 0 01-.043-.07 1.682 1.682 0 00-.667-.839A1.902 1.902 0 0014.04 8H10.8c-.477 0-.935.176-1.273.488A1.606 1.606 0 009 9.667v2.666c0 .442.19.866.527 1.179.338.312.796.488 1.273.488h3.24c.39 0 .77-.118 1.082-.336a1.67 1.67 0 00.646-.87.145.145 0 01.042-.069.162.162 0 01.073-.038.192.192 0 01.159 0l.842.52a.76.76 0 00.72.033.704.704 0 00.283-.236c.07-.101.109-.218.113-.337V9.334a.63.63 0 00-.103-.343.7.7 0 00-.279-.244z"
-        fill="currentColor"
-      />
-      <path
-        d="M19.125 4H7.781a1.375 1.375 0 00-1.375 1.375v11.344a1.375 1.375 0 001.375 1.375h11.344a1.375 1.375 0 001.375-1.375V5.375A1.375 1.375 0 0019.125 4zm-.096 12.616a.378.378 0 01-.248.103H8.125a.344.344 0 01-.344-.344V5.719a.344.344 0 01.344-.344h10.656a.344.344 0 01.344.344v10.656c0 .09-.034.176-.096.24z"
-        fill="currentColor"
-      />
-      <path
-        d="M17.406 19.125H5.72a.344.344 0 01-.344-.344V7.094a.688.688 0 10-1.375 0v12.031A1.375 1.375 0 005.375 20.5h12.031a.687.687 0 100-1.375z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgVideoPlayerIcon = (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="M17.618 8.747a.765.765 0 0 0-.72 0l-.842.513a.168.168 0 0 1-.158 0 .183.183 0 0 1-.073-.043.165.165 0 0 1-.043-.07 1.682 1.682 0 0 0-.667-.839A1.902 1.902 0 0 0 14.04 8H10.8c-.477 0-.935.176-1.273.488A1.606 1.606 0 0 0 9 9.667v2.666c0 .442.19.866.527 1.179.338.312.796.488 1.273.488h3.24c.39 0 .77-.118 1.082-.336a1.67 1.67 0 0 0 .646-.87.145.145 0 0 1 .042-.069.162.162 0 0 1 .073-.038.192.192 0 0 1 .159 0l.842.52a.76.76 0 0 0 .72.033.704.704 0 0 0 .283-.236c.07-.101.109-.218.113-.337V9.334a.63.63 0 0 0-.103-.343.7.7 0 0 0-.279-.244Z"
+      fill="currentColor"
+    />
+    <path
+      d="M19.125 4H7.781a1.375 1.375 0 0 0-1.375 1.375v11.344a1.375 1.375 0 0 0 1.375 1.375h11.344a1.375 1.375 0 0 0 1.375-1.375V5.375A1.375 1.375 0 0 0 19.125 4Zm-.096 12.616a.378.378 0 0 1-.248.103H8.125a.344.344 0 0 1-.344-.344V5.719a.344.344 0 0 1 .344-.344h10.656a.344.344 0 0 1 .344.344v10.656c0 .09-.034.176-.096.24Z"
+      fill="currentColor"
+    />
+    <path
+      d="M17.406 19.125H5.72a.344.344 0 0 1-.344-.344V7.094a.688.688 0 1 0-1.375 0v12.031A1.375 1.375 0 0 0 5.375 20.5h12.031a.687.687 0 1 0 0-1.375Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgVideoPlayerIcon;

package/src/ViewIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgViewIcon(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 4A2.4 2.4 0 004 6.4v2.4a.8.8 0 101.6 0V6.4a.8.8 0 01.8-.8h11.2a.8.8 0 01.8.8v2.4a.8.8 0 001.6 0V6.4A2.4 2.4 0 0017.6 4H6.4zm-.8 11.2a.8.8 0 00-1.6 0v2.4A2.4 2.4 0 006.4 20h11.2a2.4 2.4 0 002.4-2.4v-2.4a.8.8 0 00-1.6 0v2.4a.8.8 0 01-.8.8H6.4a.8.8 0 01-.8-.8v-2.4zM7.324 12a9.061 9.061 0 001.119 1.448c.884.927 2.089 1.752 3.557 1.752s2.672-.825 3.557-1.752A9.08 9.08 0 0016.677 12a9.067 9.067 0 00-1.119-1.448C14.671 9.625 13.467 8.8 12 8.8s-2.673.825-3.558 1.752A9.061 9.061 0 007.324 12zM17.6 12l.713-.364L17.6 12zm.713-.364l-.002-.002-.002-.004-.006-.013-.023-.042a9.584 9.584 0 00-.386-.64 10.671 10.671 0 00-1.18-1.487C15.692 8.375 14.097 7.2 12 7.2c-2.096 0-3.691 1.175-4.715 2.248A10.656 10.656 0 005.8 11.43a6.756 6.756 0 00-.103.188l-.006.012-.003.004v.002s-.001.001.712.364l-.713-.363a.8.8 0 000 .726L6.4 12l-.713.363v.001l.001.002.003.004.006.012a3.92 3.92 0 00.103.187 10.659 10.659 0 001.485 1.983C8.309 15.625 9.904 16.8 12 16.8c2.096 0 3.691-1.175 4.715-2.248A10.68 10.68 0 0018.2 12.57a6.785 6.785 0 00.103-.188l.006-.012.002-.004.001-.002L17.6 12l.713.363a.801.801 0 000-.727zm-7.444-.767a1.6 1.6 0 112.263 2.262 1.6 1.6 0 01-2.263-2.262z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgViewIcon = (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 4A2.4 2.4 0 0 0 4 6.4v2.4a.8.8 0 1 0 1.6 0V6.4a.8.8 0 0 1 .8-.8h11.2a.8.8 0 0 1 .8.8v2.4a.8.8 0 0 0 1.6 0V6.4A2.4 2.4 0 0 0 17.6 4H6.4Zm-.8 11.2a.8.8 0 0 0-1.6 0v2.4A2.4 2.4 0 0 0 6.4 20h11.2a2.4 2.4 0 0 0 2.4-2.4v-2.4a.8.8 0 0 0-1.6 0v2.4a.8.8 0 0 1-.8.8H6.4a.8.8 0 0 1-.8-.8v-2.4ZM7.324 12a9.061 9.061 0 0 0 1.119 1.448c.884.927 2.089 1.752 3.557 1.752s2.672-.825 3.557-1.752A9.08 9.08 0 0 0 16.677 12a9.067 9.067 0 0 0-1.119-1.448C14.671 9.625 13.467 8.8 12 8.8s-2.673.825-3.558 1.752A9.061 9.061 0 0 0 7.324 12ZM17.6 12l.713-.364L17.6 12Zm.713-.364-.002-.002-.002-.004-.006-.013-.023-.042a9.584 9.584 0 0 0-.386-.64 10.671 10.671 0 0 0-1.18-1.487C15.692 8.375 14.097 7.2 12 7.2c-2.096 0-3.691 1.175-4.715 2.248A10.656 10.656 0 0 0 5.8 11.43a6.756 6.756 0 0 0-.103.188l-.006.012-.003.004v.002s-.001.001.712.364l-.713-.363a.8.8 0 0 0 0 .726L6.4 12l-.713.363v.001l.001.002.003.004.006.012a3.92 3.92 0 0 0 .103.187 10.659 10.659 0 0 0 1.485 1.983C8.309 15.625 9.904 16.8 12 16.8c2.096 0 3.691-1.175 4.715-2.248A10.68 10.68 0 0 0 18.2 12.57a6.785 6.785 0 0 0 .103-.188l.006-.012.002-.004.001-.002L17.6 12l.713.363a.801.801 0 0 0 0-.727Zm-7.444-.767a1.6 1.6 0 1 1 2.263 2.262 1.6 1.6 0 0 1-2.263-2.262Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgViewIcon;

package/src/VirtualBackgroundIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVirtualBackgroundIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.815 7.497a.407.407 0 010-.576l1.802-1.802a.407.407 0 11.576.576L16.39 7.497a.407.407 0 01-.576 0zM3.129 9.93a.407.407 0 00.576.576L8.49 5.721a.407.407 0 10-.576-.576L3.13 9.93zm.038-3.263a.407.407 0 10.576.576L5.26 5.727a.407.407 0 00-.576-.576L3.167 6.667zm-.048 7.075a.407.407 0 010-.576l7.994-7.994a.407.407 0 01.576.576l-7.994 7.994a.407.407 0 01-.576 0zm10.268-7.618a.407.407 0 00.576.576l.975-.975a.407.407 0 00-.576-.576l-.975.975zM3.132 16.954a.407.407 0 010-.575l3.944-3.944a.407.407 0 11.576.576l-3.944 3.944a.407.407 0 01-.576 0zm-.01 2.66a.407.407 0 10.576.576l4.58-4.58a.407.407 0 00-.575-.576l-4.58 4.58zm13.735-10.51a.407.407 0 10.576.576l3.872-3.871a.407.407 0 10-.576-.576l-3.872 3.871zm-.019 3.821a.407.407 0 010-.576l3.905-3.905a.407.407 0 01.576.576l-3.905 3.905a.407.407 0 01-.576 0zm.306 2.344a.407.407 0 00.576.576l3.606-3.607a.407.407 0 10-.576-.575l-3.606 3.606zm1.015 2.787a.407.407 0 010-.576l2.646-2.646a.407.407 0 11.576.576l-2.646 2.646a.407.407 0 01-.576 0zm.816 1.603a.407.407 0 00.576.576l1.787-1.788a.407.407 0 00-.576-.576l-1.787 1.788zM9.865 8.815a3.415 3.415 0 114.828 4.829 3.415 3.415 0 01-4.829-4.83zm2.414.221a2.193 2.193 0 100 4.386 2.193 2.193 0 000-4.386zM9.53 17.617a3.887 3.887 0 016.62 2.404.61.61 0 101.216-.109 5.108 5.108 0 00-10.177 0 .611.611 0 001.218.109 3.887 3.887 0 011.123-2.404z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgVirtualBackgroundIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.815 7.497a.407.407 0 0 1 0-.576l1.802-1.802a.407.407 0 1 1 .576.576L16.39 7.497a.407.407 0 0 1-.576 0ZM3.129 9.93a.407.407 0 0 0 .576.576L8.49 5.721a.407.407 0 1 0-.576-.576L3.13 9.93Zm.038-3.263a.407.407 0 1 0 .576.576L5.26 5.727a.407.407 0 0 0-.576-.576L3.167 6.667Zm-.048 7.075a.407.407 0 0 1 0-.576l7.994-7.994a.407.407 0 0 1 .576.576l-7.994 7.994a.407.407 0 0 1-.576 0Zm10.268-7.618a.407.407 0 0 0 .576.576l.975-.975a.407.407 0 0 0-.576-.576l-.975.975ZM3.132 16.954a.407.407 0 0 1 0-.575l3.944-3.944a.407.407 0 1 1 .576.576l-3.944 3.944a.407.407 0 0 1-.576 0Zm-.01 2.66a.407.407 0 1 0 .576.576l4.58-4.58a.407.407 0 0 0-.575-.576l-4.58 4.58Zm13.735-10.51a.407.407 0 1 0 .576.576l3.872-3.871a.407.407 0 1 0-.576-.576l-3.872 3.871Zm-.019 3.821a.407.407 0 0 1 0-.576l3.905-3.905a.407.407 0 0 1 .576.576l-3.905 3.905a.407.407 0 0 1-.576 0Zm.306 2.344a.407.407 0 0 0 .576.576l3.606-3.607a.407.407 0 1 0-.576-.575l-3.606 3.606Zm1.015 2.787a.407.407 0 0 1 0-.576l2.646-2.646a.407.407 0 1 1 .576.576l-2.646 2.646a.407.407 0 0 1-.576 0Zm.816 1.603a.407.407 0 0 0 .576.576l1.787-1.788a.407.407 0 0 0-.576-.576l-1.787 1.788ZM9.865 8.815a3.415 3.415 0 1 1 4.828 4.829 3.415 3.415 0 0 1-4.829-4.83Zm2.414.221a2.193 2.193 0 1 0 0 4.386 2.193 2.193 0 0 0 0-4.386ZM9.53 17.617a3.887 3.887 0 0 1 6.62 2.404.61.61 0 1 0 1.216-.109 5.108 5.108 0 0 0-10.177 0 .611.611 0 0 0 1.218.109 3.887 3.887 0 0 1 1.123-2.404Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgVirtualBackgroundIcon;

package/src/VolumeOneIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgVolumeOneIcon(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.704 5.882a.882.882 0 00-1.434-.689L9.101 8.53H5.882A.882.882 0 005 9.41v5.293c0 .487.395.882.882.882h3.22l4.168 3.335a.882.882 0 001.434-.689V5.882zM9.962 10.1l2.977-2.382v8.679l-2.977-2.382a.882.882 0 00-.551-.194H6.764v-3.528h2.647c.2 0 .394-.068.55-.193zm8.488-1.79a.882.882 0 10-1.247 1.248 3.529 3.529 0 010 4.99.882.882 0 101.247 1.247 5.293 5.293 0 000-7.484z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgVolumeOneIcon = (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.704 5.882a.882.882 0 0 0-1.434-.689L9.101 8.53H5.882A.882.882 0 0 0 5 9.41v5.293c0 .487.395.882.882.882h3.22l4.168 3.335a.882.882 0 0 0 1.434-.689V5.882ZM9.962 10.1l2.977-2.382v8.679l-2.977-2.382a.882.882 0 0 0-.551-.194H6.764v-3.528h2.647c.2 0 .394-.068.55-.193Zm8.488-1.79a.882.882 0 1 0-1.247 1.248 3.529 3.529 0 0 1 0 4.99.882.882 0 1 0 1.247 1.247 5.293 5.293 0 0 0 0-7.484Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgVolumeOneIcon;

package/src/WalletIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgWalletIcon(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 6.6a.8.8 0 000 1.6h8.8V6.6H6.4zm10.4 1.6V5.8A.8.8 0 0016 5H6.4A2.405 2.405 0 004 7.4V17c0 1.322 1.078 2.4 2.4 2.4h11.2a.8.8 0 00.8-.8v-2.4h.8a.8.8 0 00.8-.8v-3.2a.8.8 0 00-.8-.8h-.8V9a.8.8 0 00-.8-.8h-.8zm.79 4.8h.81v1.6H16a.8.8 0 010-1.6h1.59zm-.79-1.6V9.8H6.4a2.4 2.4 0 01-.8-.137V17c0 .438.362.8.8.8h10.4v-1.6H16a2.4 2.4 0 010-4.8h.8z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgWalletIcon = (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 6.6a.8.8 0 0 0 0 1.6h8.8V6.6H6.4Zm10.4 1.6V5.8A.8.8 0 0 0 16 5H6.4A2.405 2.405 0 0 0 4 7.4V17c0 1.322 1.078 2.4 2.4 2.4h11.2a.8.8 0 0 0 .8-.8v-2.4h.8a.8.8 0 0 0 .8-.8v-3.2a.8.8 0 0 0-.8-.8h-.8V9a.8.8 0 0 0-.8-.8h-.8Zm.79 4.8h.81v1.6H16a.8.8 0 0 1 0-1.6h1.59Zm-.79-1.6V9.8H6.4a2.4 2.4 0 0 1-.8-.137V17c0 .438.362.8.8.8h10.4v-1.6H16a2.4 2.4 0 0 1 0-4.8h.8Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgWalletIcon;

package/src/WebhookIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgWebhookIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M14.6 14.628a.895.895 0 1 0 0-1.79v1.79Zm-7.2.72-.783-.432-.006.012.79.42ZM1 13.752l-.895-.013v.013H1Zm1.246-1.23a.895.895 0 0 0-1.523-.94l1.523.94Zm1.367.803a.895.895 0 0 0 1.574.853l-1.574-.852Zm3.448-4.486-.786-.43-.001.004.787.426Zm-.425-2.635-.76.474.01.014.75-.488Zm5.074-3.018a.895.895 0 0 0 1.564-.867l-1.564.867Zm-1.425.787a.895.895 0 0 0-1.57.857l1.57-.857Zm1.876 5.3-.786.428.786-.429ZM14.6 10.35v-.895.895Zm0 5.905a.895.895 0 0 0 0 1.79v-1.79Zm0-3.417H9.509v1.79H14.6v-1.79Zm-5.091 0c-1.465 0-2.416 1.215-2.892 2.077l1.567.865c.425-.77.919-1.153 1.325-1.153v-1.79ZM6.61 14.928a2.505 2.505 0 0 1-1.193 1.11l.726 1.636a4.294 4.294 0 0 0 2.046-1.905l-1.579-.841Zm-1.193 1.11a2.505 2.505 0 0 1-1.625.142l-.433 1.736c.929.232 1.91.147 2.784-.242l-.726-1.635Zm-1.625.142a2.505 2.505 0 0 1-1.367-.888l-1.41 1.102a4.295 4.295 0 0 0 2.344 1.522l.433-1.736Zm-1.367-.888a2.505 2.505 0 0 1-.531-1.542H.105c0 .959.321 1.889.91 2.644l1.41-1.102Zm-.531-1.529c.006-.444.127-.88.351-1.243l-1.523-.939a4.234 4.234 0 0 0-.618 2.157l1.79.025Zm3.292.414 2.66-4.913-1.573-.852-2.66 4.912 1.573.853Zm2.659-4.91c.356-.653.367-1.35.237-1.952-.129-.596-.404-1.15-.698-1.601l-1.499.977c.216.331.379.682.448 1.002.067.314.035.544-.059.716l1.57.858Zm-.452-3.539a2.505 2.505 0 0 1-.35-.93l-1.766.284c.091.566.295 1.109.599 1.595l1.517-.949Zm-.35-.93c-.052-.33-.039-.668.04-.993L5.348 3.38a4.295 4.295 0 0 0-.069 1.702l1.767-.284Zm.04-.993c.08-.325.224-.63.423-.9L6.071 1.84c-.342.46-.588.984-.724 1.541l1.738.425Zm.423-.9c.2-.268.451-.494.74-.663L7.337.7a4.295 4.295 0 0 0-1.267 1.139l1.436 1.067Zm.74-.663c.288-.17.607-.28.939-.325L8.948.143A4.295 4.295 0 0 0 7.338.7l.908 1.542Zm.939-.325c.331-.045.668-.022.991.066l.47-1.727A4.295 4.295 0 0 0 8.949.143l.238 1.774Zm.991.066c.323.088.625.24.888.446l1.105-1.408a4.295 4.295 0 0 0-1.522-.765l-.47 1.727Zm.888.446c.263.207.482.464.645.756l1.564-.867A4.296 4.296 0 0 0 12.17 1.02L11.065 2.43Zm-2.35 2.4 2.66 4.871 1.57-.858-2.66-4.87-1.57.857Zm2.66 4.871c.704 1.288 2.232 1.545 3.225 1.545v-1.79c-.877 0-1.457-.252-1.654-.613l-1.57.858Zm3.225 1.545c.665 0 1.302.264 1.772.734l1.265-1.265A4.295 4.295 0 0 0 14.6 9.456v1.79Zm1.772.734c.47.47.733 1.107.733 1.772h1.79c0-1.14-.453-2.232-1.258-3.037l-1.265 1.265Zm.733 1.772c0 .664-.264 1.301-.733 1.771l1.265 1.265a4.295 4.295 0 0 0 1.258-3.036h-1.79Zm-.733 1.771c-.47.47-1.107.734-1.772.734v1.79a4.295 4.295 0 0 0 3.037-1.259l-1.265-1.265Z"
+      fill="#F5F9FF"
+      fillOpacity={0.95}
+    />
+  </svg>
+);
+
+export default SvgWebhookIcon;

package/src/WiredMic.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgWiredMic(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.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.165zm-.58 4.861a1.033 1.033 0 00-1.45.002l-.002.002a1.032 1.032 0 101.459.002l-.002-.002-.004-.004z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgWiredMic = (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.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.165Zm-.58 4.861a1.033 1.033 0 0 0-1.45.002l-.002.002a1.032 1.032 0 1 0 1.459.002l-.002-.002-.004-.004Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgWiredMic;

package/src/WrenchIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgWrenchIcon(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.476 4.741a4.285 4.285 0 00-4.384 6.024.857.857 0 01-.175.96l-5.922 5.92a.96.96 0 101.36 1.36l5.92-5.922a.857.857 0 01.96-.175 4.284 4.284 0 006.024-4.384l-2.204 2.204a1.714 1.714 0 01-2.4 0l-.006-.006-1.377-1.377a1.714 1.714 0 010-2.4l.006-.006 2.198-2.198zM13.92 3.097a5.998 5.998 0 013.548.437.857.857 0 01.253 1.386l-3.225 3.225 1.36 1.359 3.224-3.225a.857.857 0 011.387.253 5.999 5.999 0 01-7.375 8.16l-5.526 5.525a2.675 2.675 0 01-3.783-3.783l5.526-5.526a5.999 5.999 0 014.61-7.81z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgWrenchIcon = (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.476 4.741a4.285 4.285 0 0 0-4.384 6.024.857.857 0 0 1-.175.96l-5.922 5.92a.96.96 0 1 0 1.36 1.36l5.92-5.922a.857.857 0 0 1 .96-.175 4.284 4.284 0 0 0 6.024-4.384l-2.204 2.204a1.714 1.714 0 0 1-2.4 0l-.006-.006-1.377-1.377a1.714 1.714 0 0 1 0-2.4l.006-.006 2.198-2.198ZM13.92 3.097a5.998 5.998 0 0 1 3.548.437.857.857 0 0 1 .253 1.386l-3.225 3.225 1.36 1.359 3.224-3.225a.857.857 0 0 1 1.387.253 5.999 5.999 0 0 1-7.375 8.16l-5.526 5.525a2.675 2.675 0 0 1-3.783-3.783l5.526-5.526a5.999 5.999 0 0 1 4.61-7.81Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgWrenchIcon;

package/src/YogaIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgYogaIcon(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="M21.96 9.765a1.213 1.213 0 00-.583-.745 1.318 1.318 0 00-.935-.137c-.01.002-.02.002-.03.005-2.18.528-4.426.814-6.675.85h-1.132c1.323-.053 2.382-1.093 2.382-2.367C14.987 6.064 13.872 5 12.5 5s-2.488 1.064-2.488 2.371c0 1.274 1.06 2.314 2.384 2.366h-1.133a30.403 30.403 0 01-6.674-.85.416.416 0 00-.077-.01c-.655-.12-1.306.264-1.473.888-.166.625.212 1.256.847 1.451.023.01.048.02.074.026 1.964.476 3.983.77 6.006.878v3.404c-.612.166-1.22.353-1.808.567-.008.003-.015.008-.024.011-.344.132-.617.38-.77.704a1.296 1.296 0 00-.03 1.04c.21.524.745.876 1.333.876h7.666c.787 0 1.428-.61 1.428-1.36 0-.56-.37-1.071-.919-1.271a22.682 22.682 0 00-1.808-.567V12.12a33.046 33.046 0 006.005-.879.41.41 0 00.074-.026c.636-.194 1.014-.826.848-1.45zM10.789 7.371c0-.9.768-1.632 1.713-1.632.944 0 1.712.732 1.712 1.632 0 .9-.768 1.632-1.712 1.632-.945 0-1.713-.732-1.713-1.632zM3.79 9.948a.504.504 0 01.607-.344c2.238.542 4.544.836 6.853.872H13.75a31.24 31.24 0 006.854-.872.516.516 0 01.378.052.476.476 0 01.228.291.476.476 0 01-.36.58 32.296 32.296 0 01-6.22.876c-.01 0-.019.003-.03.004l-.04.005-.034.01-.037.013-.032.017a.332.332 0 00-.033.019c-.01.006-.019.014-.028.022-.01.008-.02.015-.028.024l-.023.026-.023.03-.016.03c-.007.01-.013.021-.018.033a.259.259 0 00-.01.033c-.004.012-.008.024-.01.037-.003.011-.003.023-.004.035-.002.01-.004.02-.004.03V15.8l.003.022c0 .014.002.027.004.04a.485.485 0 00.008.034l.012.035.015.033a.58.58 0 00.018.03l.004.007h-3.646l.004-.007a.47.47 0 00.018-.03l.015-.033a.33.33 0 00.02-.069.331.331 0 00.004-.04l.003-.022v-4.028l-.003-.031-.004-.035-.01-.037-.011-.033-.017-.033c-.006-.01-.01-.02-.017-.03l-.023-.03-.023-.026-.027-.024-.03-.022-.03-.018-.034-.018-.036-.012c-.012-.004-.023-.008-.036-.01-.013-.004-.026-.005-.039-.006-.01-.001-.02-.004-.03-.004a32.33 32.33 0 01-6.22-.877.476.476 0 01-.36-.578zm4.267 7.635a.591.591 0 01.014-.475.634.634 0 01.362-.327c.448-.163.908-.306 1.37-.44l-.003.03c0 .204.174.37.388.37h2.822c.36 0 .652.278.652.62 0 .344-.292.622-.652.622H8.667a.657.657 0 01-.61-.4zm8.275.4H14.28a1.298 1.298 0 000-1.243h.531a.38.38 0 00.388-.37c0-.01-.002-.02-.004-.03.463.134.923.278 1.371.441.251.091.42.325.42.58 0 .344-.293.622-.653.622z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgYogaIcon = (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="M21.96 9.765a1.213 1.213 0 0 0-.583-.745 1.318 1.318 0 0 0-.935-.137c-.01.002-.02.002-.03.005-2.18.528-4.426.814-6.675.85h-1.132c1.323-.053 2.382-1.093 2.382-2.367C14.987 6.064 13.872 5 12.5 5s-2.488 1.064-2.488 2.371c0 1.274 1.06 2.314 2.384 2.366h-1.133a30.403 30.403 0 0 1-6.674-.85.416.416 0 0 0-.077-.01c-.655-.12-1.306.264-1.473.888-.166.625.212 1.256.847 1.451.023.01.048.02.074.026 1.964.476 3.983.77 6.006.878v3.404c-.612.166-1.22.353-1.808.567-.008.003-.015.008-.024.011-.344.132-.617.38-.77.704a1.296 1.296 0 0 0-.03 1.04c.21.524.745.876 1.333.876h7.666c.787 0 1.428-.61 1.428-1.36 0-.56-.37-1.071-.919-1.271a22.682 22.682 0 0 0-1.808-.567V12.12a33.046 33.046 0 0 0 6.005-.879.41.41 0 0 0 .074-.026c.636-.194 1.014-.826.848-1.45ZM10.789 7.371c0-.9.768-1.632 1.713-1.632.944 0 1.712.732 1.712 1.632 0 .9-.768 1.632-1.712 1.632-.945 0-1.713-.732-1.713-1.632ZM3.79 9.948a.504.504 0 0 1 .607-.344c2.238.542 4.544.836 6.853.872H13.75a31.24 31.24 0 0 0 6.854-.872.516.516 0 0 1 .378.052.476.476 0 0 1 .228.291.476.476 0 0 1-.36.58 32.296 32.296 0 0 1-6.22.876c-.01 0-.019.003-.03.004l-.04.005-.034.01-.037.013-.032.017a.332.332 0 0 0-.033.019c-.01.006-.019.014-.028.022-.01.008-.02.015-.028.024l-.023.026-.023.03-.016.03c-.007.01-.013.021-.018.033a.259.259 0 0 0-.01.033c-.004.012-.008.024-.01.037-.003.011-.003.023-.004.035-.002.01-.004.02-.004.03V15.8l.003.022c0 .014.002.027.004.04a.485.485 0 0 0 .008.034l.012.035.015.033a.58.58 0 0 0 .018.03l.004.007h-3.646l.004-.007a.47.47 0 0 0 .018-.03l.015-.033a.33.33 0 0 0 .02-.069.331.331 0 0 0 .004-.04l.003-.022v-4.028l-.003-.031-.004-.035-.01-.037-.011-.033-.017-.033c-.006-.01-.01-.02-.017-.03l-.023-.03-.023-.026-.027-.024-.03-.022-.03-.018-.034-.018-.036-.012c-.012-.004-.023-.008-.036-.01-.013-.004-.026-.005-.039-.006-.01-.001-.02-.004-.03-.004a32.33 32.33 0 0 1-6.22-.877.476.476 0 0 1-.36-.578Zm4.267 7.635a.591.591 0 0 1 .014-.475.634.634 0 0 1 .362-.327c.448-.163.908-.306 1.37-.44l-.003.03c0 .204.174.37.388.37h2.822c.36 0 .652.278.652.62 0 .344-.292.622-.652.622H8.667a.657.657 0 0 1-.61-.4Zm8.275.4H14.28a1.298 1.298 0 0 0 0-1.243h.531a.38.38 0 0 0 .388-.37c0-.01-.002-.02-.004-.03.463.134.923.278 1.371.441.251.091.42.325.42.58 0 .344-.293.622-.653.622Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgYogaIcon;

package/src/YoutubeIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgYoutubeIcon(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.937 6.667h.309a122.39 122.39 0 012.777.043c.801.022 1.64.054 2.364.102.732.05 1.284.11 1.567.177a1.483 1.483 0 011.014 1.039c.252 1.405.374 2.83.365 4.258v.008a23.333 23.333 0 01-.365 4.194 1.484 1.484 0 01-1.023 1.041c-.274.072-.824.14-1.564.194-.722.053-1.56.088-2.36.112a114.295 114.295 0 01-2.776.047h-.49a114.44 114.44 0 01-2.776-.047c-.8-.024-1.638-.06-2.36-.112-.744-.054-1.295-.122-1.568-.195a1.483 1.483 0 01-1.022-.988c-.25-1.4-.37-2.82-.362-4.243v-.01a23.333 23.333 0 01.365-4.226 1.483 1.483 0 011.023-1.04c.274-.073.824-.14 1.564-.195.722-.053 1.56-.088 2.36-.112a113.43 113.43 0 012.776-.047h.182zM12.067 5h-.32a112.341 112.341 0 00-2.817.048 58.75 58.75 0 00-2.433.116c-.732.053-1.434.129-1.879.248l-.011.003a3.15 3.15 0 00-2.21 2.32A25 25 0 002 12.291c-.009 1.539.124 3.075.397 4.59a.827.827 0 00.019.08 3.15 3.15 0 002.198 2.176h.004c.445.12 1.147.195 1.88.248.755.055 1.62.092 2.432.116a115.446 115.446 0 002.817.047l.186.001h.32a108.7 108.7 0 002.817-.048 58.78 58.78 0 002.433-.116c.732-.053 1.434-.128 1.879-.247l.011-.004a3.15 3.15 0 002.21-2.32c.269-1.492.402-3.005.396-4.522.01-1.539-.123-3.075-.396-4.59l-.82.148.808-.202a3.15 3.15 0 00-2.227-2.274c-.438-.107-1.134-.176-1.867-.225a64.257 64.257 0 00-2.429-.105 126.004 126.004 0 00-2.815-.043h-.187zm-1.53 3.842a.833.833 0 00-1.245.724v5.45a.833.833 0 001.245.725l4.791-2.725a.833.833 0 000-1.449l-4.791-2.725zm2.694 3.45l-2.273 1.292v-2.585l2.273 1.292z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgYoutubeIcon = (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.937 6.667h.309a122.39 122.39 0 0 1 2.777.043c.801.022 1.64.054 2.364.102.732.05 1.284.11 1.567.177a1.483 1.483 0 0 1 1.014 1.039c.252 1.405.374 2.83.365 4.258v.008a23.333 23.333 0 0 1-.365 4.194 1.484 1.484 0 0 1-1.023 1.041c-.274.072-.824.14-1.564.194-.722.053-1.56.088-2.36.112a114.295 114.295 0 0 1-2.776.047h-.49a114.44 114.44 0 0 1-2.776-.047c-.8-.024-1.638-.06-2.36-.112-.744-.054-1.295-.122-1.568-.195a1.483 1.483 0 0 1-1.022-.988c-.25-1.4-.37-2.82-.362-4.243v-.01a23.333 23.333 0 0 1 .365-4.226 1.483 1.483 0 0 1 1.023-1.04c.274-.073.824-.14 1.564-.195.722-.053 1.56-.088 2.36-.112a113.43 113.43 0 0 1 2.776-.047h.182ZM12.067 5h-.32a112.341 112.341 0 0 0-2.817.048 58.75 58.75 0 0 0-2.433.116c-.732.053-1.434.129-1.879.248l-.011.003a3.15 3.15 0 0 0-2.21 2.32A25 25 0 0 0 2 12.291c-.009 1.539.124 3.075.397 4.59a.827.827 0 0 0 .019.08 3.15 3.15 0 0 0 2.198 2.176h.004c.445.12 1.147.195 1.88.248.755.055 1.62.092 2.432.116a115.446 115.446 0 0 0 2.817.047l.186.001h.32a108.7 108.7 0 0 0 2.817-.048 58.78 58.78 0 0 0 2.433-.116c.732-.053 1.434-.128 1.879-.247l.011-.004a3.15 3.15 0 0 0 2.21-2.32c.269-1.492.402-3.005.396-4.522.01-1.539-.123-3.075-.396-4.59l-.82.148.808-.202a3.15 3.15 0 0 0-2.227-2.274c-.438-.107-1.134-.176-1.867-.225a64.257 64.257 0 0 0-2.429-.105 126.004 126.004 0 0 0-2.815-.043h-.187Zm-1.53 3.842a.833.833 0 0 0-1.245.724v5.45a.833.833 0 0 0 1.245.725l4.791-2.725a.833.833 0 0 0 0-1.449l-4.791-2.725Zm2.694 3.45-2.273 1.292v-2.585l2.273 1.292Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgYoutubeIcon;