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

package/src/RestApiIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgRestApiIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M6.637 18.24c.335.336.744.567 1.189.68l.633-1.647a.89.89 0 0 1-.613-.25.855.855 0 0 1-.25-.614v-.164c0-.458-.122-.898-.346-1.296a2.59 2.59 0 0 0-.942-.94l-.371-.217a2.62 2.62 0 0 0-1.295-.345c-.458 0-.907.12-1.261.337l-.156.086a.862.862 0 0 1-1.183-.32l-.19-.328a.87.87 0 0 1 .328-1.191l.112-.07a2.51 2.51 0 0 0 .95-.95c.234-.397.346-.846.346-1.295v-.45c0-.448-.13-.889-.354-1.286a2.472 2.472 0 0 0-.898-.915l-.173-.113a.845.845 0 0 1-.406-.518.91.91 0 0 1 .086-.656l.199-.328a.825.825 0 0 1 .518-.398.875.875 0 0 1 .682.095l.104.052c.777.458 1.796.458 2.591 0l.371-.207c.398-.233.726-.562.95-.95a2.62 2.62 0 0 0 .346-1.296v-.155c0-.225.095-.45.25-.613a.908.908 0 0 1 .613-.25h.38c.225 0 .45.094.614.25.155.164.25.388.25.613v.164c0 .45.121.898.346 1.295.224.39.552.717.94.942l.372.216c.786.457 1.831.449 2.565.017l.156-.086a.875.875 0 0 1 1.183.31l.19.329c.112.198.147.44.086.656a.878.878 0 0 1-.406.527l-.12.069a2.508 2.508 0 0 0-.95.95 2.62 2.62 0 0 0-.346 1.295v.432c0 .45.12.898.345 1.296.225.397.553.725.976.967l.104.052c.199.112.346.31.406.527a.9.9 0 0 1-.084.645h1.807c.059-.357.042-.727-.056-1.086a2.63 2.63 0 0 0-1.235-1.589l-.104-.052a.872.872 0 0 1-.32-.32.98.98 0 0 1-.112-.44v-.432a.77.77 0 0 1 .113-.431.897.897 0 0 1 .328-.32l.13-.086a2.59 2.59 0 0 0 1.2-1.572 2.553 2.553 0 0 0-.26-1.96l-.19-.329a2.59 2.59 0 0 0-1.571-1.2 2.567 2.567 0 0 0-1.943.242l-.156.086a.902.902 0 0 1-.863 0l-.372-.216a.79.79 0 0 1-.32-.31.945.945 0 0 1-.112-.433v-.155c0-.691-.267-1.339-.76-1.831A2.567 2.567 0 0 0 8.848 0h-.38C7.776 0 7.12.268 6.636.76a2.567 2.567 0 0 0-.76 1.83v.156a.945.945 0 0 1-.113.432.943.943 0 0 1-.32.32l-.37.207c-.268.155-.58.173-.899-.009l-.103-.051a2.553 2.553 0 0 0-1.96-.26 2.59 2.59 0 0 0-1.573 1.2l-.19.33a2.592 2.592 0 0 0-.259 1.96 2.557 2.557 0 0 0 1.166 1.554l.173.112c.13.07.242.182.302.303a.91.91 0 0 1 .112.423v.449a.849.849 0 0 1-.112.432.856.856 0 0 1-.328.328l-.112.069a2.59 2.59 0 0 0-1.2 1.572 2.574 2.574 0 0 0 .258 1.969l.199.32a2.602 2.602 0 0 0 1.572 1.208 2.545 2.545 0 0 0 1.934-.241l.156-.087a.901.901 0 0 1 .863 0l.372.216c.138.078.242.19.32.32.068.13.112.285.112.432v.155c0 .691.267 1.339.76 1.831Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.203 9.5a3.454 3.454 0 1 0 6.91 0 3.454 3.454 0 0 0-3.455-3.455A3.454 3.454 0 0 0 5.203 9.5Zm1.727 0c0-.95.778-1.727 1.728-1.727s1.727.777 1.727 1.727c0 .95-.777 1.727-1.727 1.727-.95 0-1.728-.777-1.728-1.727ZM12.295 19l-.279-1.07H10.84L10.567 19h-.75l1.114-4.222h1.034L13.085 19h-.79Zm-.841-3.442h-.046l-.438 1.724h.921l-.437-1.724ZM13.378 19v-4.222h1.506c.387 0 .682.117.887.35.205.235.307.553.307.956 0 .404-.102.722-.307.956-.205.234-.5.351-.887.351h-.761V19h-.745Zm.745-2.256h.608c.2 0 .345-.043.432-.127.087-.089.13-.228.13-.418v-.23c0-.19-.043-.326-.13-.41-.087-.09-.231-.134-.432-.134h-.608v1.319Z"
+      fill="currentColor"
+    />
+    <path d="M16.467 19h.739v-4.222h-.74V19Z" fill="currentColor" />
+  </svg>
+);
+
+export default SvgRestApiIcon;

package/src/RocketIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgRocketIcon = (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="M9.282 12.333 6.667 9.718m2.615 2.615a19.477 19.477 0 0 0 3.487-1.743m-3.487 1.743v4.36s2.642-.48 3.487-1.744c.942-1.412 0-4.36 0-4.36m-6.102-.871A19.18 19.18 0 0 1 8.41 6.275 11.229 11.229 0 0 1 18 1c0 2.371-.68 6.539-5.23 9.59m-6.103-.872h-4.36s.48-2.641 1.744-3.487c1.413-.942 4.36 0 4.36 0m-5.667 7.41C1.436 14.74 1 18 1 18s3.26-.436 4.359-1.744c.619-.732.61-1.857-.079-2.537a1.9 1.9 0 0 0-2.536-.078Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgRocketIcon;

package/src/SaveIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSaveIcon(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.8v11.2a.8.8 0 00.8.8h.8v-5.6A.8.8 0 018 12h8a.8.8 0 01.8.8v5.6h.8a.8.8 0 00.8-.8V9.131L14.869 5.6H8.8V8h5.6a.8.8 0 010 1.6H8a.8.8 0 01-.8-.8V5.6h-.8zM8 4H6.4A2.4 2.4 0 004 6.4v11.2A2.4 2.4 0 006.4 20h11.2a2.4 2.4 0 002.4-2.4V8.8a.8.8 0 00-.234-.566l-4-4A.8.8 0 0015.2 4H8zm.8 9.6v4.8h6.4v-4.8H8.8z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSaveIcon = (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.8v11.2a.8.8 0 0 0 .8.8h.8v-5.6A.8.8 0 0 1 8 12h8a.8.8 0 0 1 .8.8v5.6h.8a.8.8 0 0 0 .8-.8V9.131L14.869 5.6H8.8V8h5.6a.8.8 0 0 1 0 1.6H8a.8.8 0 0 1-.8-.8V5.6h-.8ZM8 4H6.4A2.4 2.4 0 0 0 4 6.4v11.2A2.4 2.4 0 0 0 6.4 20h11.2a2.4 2.4 0 0 0 2.4-2.4V8.8a.8.8 0 0 0-.234-.566l-4-4A.8.8 0 0 0 15.2 4H8Zm.8 9.6v4.8h6.4v-4.8H8.8Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSaveIcon;

package/src/SearchIcon.tsx

@@ -1,17 +1,16 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSearchIcon(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.6 11.2a5.6 5.6 0 119.633 3.885.823.823 0 00-.148.148A5.6 5.6 0 015.6 11.2zm10.094 5.626a7.2 7.2 0 111.131-1.131l2.94 2.94a.8.8 0 01-1.13 1.13l-2.94-2.94z"
-        fill="currentColor"
-        fillOpacity={0.8}
-      />
-    </svg>
-  );
-}
+const SvgSearchIcon = (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.6 11.2a5.6 5.6 0 1 1 9.633 3.885.823.823 0 0 0-.148.148A5.6 5.6 0 0 1 5.6 11.2Zm10.094 5.626a7.2 7.2 0 1 1 1.131-1.131l2.94 2.94a.8.8 0 0 1-1.13 1.13l-2.94-2.94Z"
+      fill="currentColor"
+      fillOpacity={0.8}
+    />
+  </svg>
+);
 
 export default SvgSearchIcon;

package/src/SendIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSendIcon(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.7 3.195c.394-.07.8-.013 1.16.164l.007.004 14.26 7.245a1.313 1.313 0 01.718 1.162v.01a1.313 1.313 0 01-.717 1.168L5.859 20.206a1.875 1.875 0 01-2.451-2.622l3.554-5.806-3.554-5.796A1.875 1.875 0 014.7 3.195zm13.623 7.832L5.193 4.703a.375.375 0 00-.496.511l3.74 5.813h9.886zm-9.924 1.5h9.924l-13.13 6.335a.374.374 0 01-.496-.511L8.4 12.527z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSendIcon = (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.7 3.195c.394-.07.8-.013 1.16.164l.007.004 14.26 7.245a1.313 1.313 0 0 1 .718 1.162v.01a1.313 1.313 0 0 1-.717 1.168L5.859 20.206a1.875 1.875 0 0 1-2.451-2.622l3.554-5.806-3.554-5.796A1.875 1.875 0 0 1 4.7 3.195Zm13.623 7.832L5.193 4.703a.375.375 0 0 0-.496.511l3.74 5.813h9.886Zm-9.924 1.5h9.924l-13.13 6.335a.374.374 0 0 1-.496-.511L8.4 12.527Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSendIcon;

package/src/ServerIcon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgServerIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M2.91 3.637c0-.402.325-.728.726-.728h.008a.727.727 0 0 1 0 1.455h-.008a.727.727 0 0 1-.727-.727Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.182 0A2.182 2.182 0 0 0 0 2.182V5.09c0 1.205.977 2.182 2.182 2.182h11.636A2.182 2.182 0 0 0 16 5.09V2.18A2.182 2.182 0 0 0 13.818 0H2.182Zm-.727 2.182c0-.402.325-.727.727-.727h11.636c.402 0 .728.325.728.727V5.09a.727.727 0 0 1-.728.727H2.182a.727.727 0 0 1-.727-.727V2.18Z"
+      fill="currentColor"
+    />
+    <path d="M3.636 11.636a.727.727 0 1 0 0 1.455h.008a.727.727 0 0 0 0-1.455h-.008Z" fill="currentColor" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.182 8.727A2.182 2.182 0 0 0 0 10.91v2.91C0 15.022.977 16 2.182 16h11.636A2.182 2.182 0 0 0 16 13.818V10.91a2.182 2.182 0 0 0-2.182-2.182H2.182Zm-.727 2.182c0-.401.325-.727.727-.727h11.636c.402 0 .728.326.728.727v2.91a.727.727 0 0 1-.728.727H2.182a.727.727 0 0 1-.727-.728V10.91Z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default SvgServerIcon;

package/src/SettingsIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSettingsIcon(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.022 21h.36c.654 0 1.268-.254 1.742-.72.467-.466.72-1.08.72-1.735v-.155c0-.147.033-.286.107-.41a.826.826 0 01.303-.302l.351-.204a.82.82 0 01.843.016l.098.05c.557.318 1.236.408 1.858.245a2.423 2.423 0 001.497-1.146l.172-.31a2.419 2.419 0 00.245-1.858 2.493 2.493 0 00-1.17-1.505l-.098-.05a.826.826 0 01-.303-.302.928.928 0 01-.106-.418v-.409a.73.73 0 01.106-.409.85.85 0 01.311-.303l.123-.081c.564-.328.965-.86 1.137-1.49a2.419 2.419 0 00-.245-1.857l-.18-.31a2.453 2.453 0 00-1.49-1.138 2.432 2.432 0 00-1.84.23l-.147.081a.854.854 0 01-.819 0l-.351-.205a.75.75 0 01-.303-.294.896.896 0 01-.107-.41v-.146c0-.655-.253-1.269-.72-1.735A2.432 2.432 0 0012.382 3h-.36c-.655 0-1.277.254-1.735.72a2.432 2.432 0 00-.72 1.735v.147c0 .139-.04.286-.106.409a.893.893 0 01-.303.303l-.352.196c-.253.147-.548.164-.85-.008l-.099-.05A2.419 2.419 0 006 6.208c-.622.164-1.17.581-1.49 1.138l-.18.31a2.455 2.455 0 00-.245 1.858 2.423 2.423 0 001.105 1.473l.164.106a.69.69 0 01.286.286.863.863 0 01.106.401v.425c0 .14-.032.287-.106.41a.81.81 0 01-.31.31l-.107.066c-.565.327-.966.86-1.138 1.49a2.439 2.439 0 00.246 1.864l.188.303c.32.565.867.974 1.49 1.146.63.172 1.292.082 1.832-.23l.147-.081a.854.854 0 01.818 0l.352.204c.131.074.23.18.303.303.065.123.106.27.106.41v.146c0 .655.254 1.269.72 1.735.467.466 1.08.72 1.735.72zm-2.397-4.934a2.482 2.482 0 00-1.228-.327c-.433 0-.859.115-1.194.32l-.148.081a.823.823 0 01-1.12-.303l-.18-.31a.824.824 0 01.31-1.13l.107-.065c.376-.213.687-.524.9-.9a2.42 2.42 0 00.327-1.228v-.425c0-.425-.123-.843-.335-1.219a2.341 2.341 0 00-.851-.867l-.164-.107a.8.8 0 01-.384-.49.863.863 0 01.081-.622l.189-.311a.782.782 0 01.49-.377.83.83 0 01.647.09l.098.05a2.478 2.478 0 002.455 0l.351-.197c.377-.22.688-.532.9-.9.213-.376.328-.794.328-1.227v-.147a.86.86 0 01.237-.581.86.86 0 01.58-.238h.36a.86.86 0 01.582.238.86.86 0 01.237.58v.156c0 .425.115.85.327 1.227.213.368.524.68.892.892l.352.205c.744.433 1.735.425 2.43.016l.147-.082a.828.828 0 011.121.295l.18.31c.107.189.14.418.082.622a.832.832 0 01-.385.5l-.114.065a2.377 2.377 0 00-.9.9 2.483 2.483 0 00-.328 1.227v.41c0 .425.115.85.328 1.227.212.376.523.687.924.916l.099.05a.84.84 0 01.384.498.853.853 0 01-.09.63l-.172.311a.827.827 0 01-.499.377.825.825 0 01-.646-.09l-.098-.05a2.478 2.478 0 00-2.455 0l-.352.205c-.376.22-.687.523-.9.9a2.505 2.505 0 00-.327 1.227v.148a.81.81 0 01-.818.818h-.36a.843.843 0 01-.59-.238.81.81 0 01-.237-.58v-.156c0-.434-.114-.85-.327-1.227a2.453 2.453 0 00-.892-.892l-.351-.205zM8.929 12a3.272 3.272 0 106.546 0 3.272 3.272 0 10-6.546 0zm1.636 0c0-.9.737-1.636 1.637-1.636s1.636.736 1.636 1.636c0 .9-.736 1.636-1.636 1.636-.9 0-1.636-.736-1.636-1.636z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSettingsIcon = (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.022 21h.36c.654 0 1.268-.254 1.742-.72.467-.466.72-1.08.72-1.735v-.155c0-.147.033-.286.107-.41a.826.826 0 0 1 .303-.302l.351-.204a.82.82 0 0 1 .843.016l.098.05c.557.318 1.236.408 1.858.245a2.423 2.423 0 0 0 1.497-1.146l.172-.31a2.419 2.419 0 0 0 .245-1.858 2.493 2.493 0 0 0-1.17-1.505l-.098-.05a.826.826 0 0 1-.303-.302.928.928 0 0 1-.106-.418v-.409a.73.73 0 0 1 .106-.409.85.85 0 0 1 .311-.303l.123-.081c.564-.328.965-.86 1.137-1.49a2.419 2.419 0 0 0-.245-1.857l-.18-.31a2.453 2.453 0 0 0-1.49-1.138 2.432 2.432 0 0 0-1.84.23l-.147.081a.854.854 0 0 1-.819 0l-.351-.205a.75.75 0 0 1-.303-.294.896.896 0 0 1-.107-.41v-.146c0-.655-.253-1.269-.72-1.735A2.432 2.432 0 0 0 12.382 3h-.36c-.655 0-1.277.254-1.735.72a2.432 2.432 0 0 0-.72 1.735v.147c0 .139-.04.286-.106.409a.893.893 0 0 1-.303.303l-.352.196c-.253.147-.548.164-.85-.008l-.099-.05A2.419 2.419 0 0 0 6 6.208c-.622.164-1.17.581-1.49 1.138l-.18.31a2.455 2.455 0 0 0-.245 1.858 2.423 2.423 0 0 0 1.105 1.473l.164.106a.69.69 0 0 1 .286.286.863.863 0 0 1 .106.401v.425c0 .14-.032.287-.106.41a.81.81 0 0 1-.31.31l-.107.066c-.565.327-.966.86-1.138 1.49a2.439 2.439 0 0 0 .246 1.864l.188.303c.32.565.867.974 1.49 1.146.63.172 1.292.082 1.832-.23l.147-.081a.854.854 0 0 1 .818 0l.352.204c.131.074.23.18.303.303.065.123.106.27.106.41v.146c0 .655.254 1.269.72 1.735.467.466 1.08.72 1.735.72Zm-2.397-4.934a2.482 2.482 0 0 0-1.228-.327c-.433 0-.859.115-1.194.32l-.148.081a.823.823 0 0 1-1.12-.303l-.18-.31a.824.824 0 0 1 .31-1.13l.107-.065c.376-.213.687-.524.9-.9a2.42 2.42 0 0 0 .327-1.228v-.425c0-.425-.123-.843-.335-1.219a2.341 2.341 0 0 0-.851-.867l-.164-.107a.8.8 0 0 1-.384-.49.863.863 0 0 1 .081-.622l.189-.311a.782.782 0 0 1 .49-.377.83.83 0 0 1 .647.09l.098.05a2.478 2.478 0 0 0 2.455 0l.351-.197c.377-.22.688-.532.9-.9.213-.376.328-.794.328-1.227v-.147a.86.86 0 0 1 .237-.581.86.86 0 0 1 .58-.238h.36a.86.86 0 0 1 .582.238.86.86 0 0 1 .237.58v.156c0 .425.115.85.327 1.227.213.368.524.68.892.892l.352.205c.744.433 1.735.425 2.43.016l.147-.082a.828.828 0 0 1 1.121.295l.18.31c.107.189.14.418.082.622a.832.832 0 0 1-.385.5l-.114.065a2.377 2.377 0 0 0-.9.9 2.483 2.483 0 0 0-.328 1.227v.41c0 .425.115.85.328 1.227.212.376.523.687.924.916l.099.05a.84.84 0 0 1 .384.498.853.853 0 0 1-.09.63l-.172.311a.827.827 0 0 1-.499.377.825.825 0 0 1-.646-.09l-.098-.05a2.478 2.478 0 0 0-2.455 0l-.352.205c-.376.22-.687.523-.9.9a2.505 2.505 0 0 0-.327 1.227v.148a.81.81 0 0 1-.818.818h-.36a.843.843 0 0 1-.59-.238.81.81 0 0 1-.237-.58v-.156c0-.434-.114-.85-.327-1.227a2.453 2.453 0 0 0-.892-.892l-.351-.205ZM8.929 12a3.272 3.272 0 1 0 6.546 0 3.272 3.272 0 1 0-6.546 0Zm1.636 0c0-.9.737-1.636 1.637-1.636s1.636.736 1.636 1.636c0 .9-.736 1.636-1.636 1.636-.9 0-1.636-.736-1.636-1.636Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSettingsIcon;

package/src/ShareIcon.tsx

@@ -1,24 +1,23 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgShareIcon(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="M18.867 7.2H13a2.133 2.133 0 00-2.133 2.133V12"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M15.667 10.4l3.2-3.2-3.2-3.2M16.733 13.6v5.333A1.067 1.067 0 0115.667 20h-9.6A1.067 1.067 0 015 18.933V10.4a1.067 1.067 0 011.067-1.067h1.6"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-}
+const SvgShareIcon = (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="M18.867 7.2H13a2.133 2.133 0 0 0-2.133 2.133V12"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="m15.667 10.4 3.2-3.2-3.2-3.2M16.733 13.6v5.333A1.067 1.067 0 0 1 15.667 20h-9.6A1.067 1.067 0 0 1 5 18.933V10.4a1.067 1.067 0 0 1 1.067-1.067h1.6"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
 
 export default SvgShareIcon;

package/src/ShareScreenIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgShareScreenIcon(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.2 8a2.75 2.75 0 00-2.75-2.75H5.55A2.75 2.75 0 002.8 8v7.64a2.75 2.75 0 002.75 2.75h3.075a.75.75 0 000-1.5H5.55c-.69 0-1.25-.56-1.25-1.25V8c0-.69.56-1.25 1.25-1.25h12.9c.69 0 1.25.56 1.25 1.25v7.64c0 .69-.56 1.25-1.25 1.25h-2.7a.75.75 0 000 1.5h2.7a2.75 2.75 0 002.75-2.75V8zM8.008 13.307a.925.925 0 101.309 1.308l1.89-1.89v6.839a.925.925 0 001.85 0v-6.839l1.89 1.89a.925.925 0 101.309-1.308l-3.47-3.47a.926.926 0 00-1.308 0l-3.47 3.47z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgShareScreenIcon = (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.2 8a2.75 2.75 0 0 0-2.75-2.75H5.55A2.75 2.75 0 0 0 2.8 8v7.64a2.75 2.75 0 0 0 2.75 2.75h3.075a.75.75 0 0 0 0-1.5H5.55c-.69 0-1.25-.56-1.25-1.25V8c0-.69.56-1.25 1.25-1.25h12.9c.69 0 1.25.56 1.25 1.25v7.64c0 .69-.56 1.25-1.25 1.25h-2.7a.75.75 0 0 0 0 1.5h2.7a2.75 2.75 0 0 0 2.75-2.75V8ZM8.008 13.307a.925.925 0 1 0 1.309 1.308l1.89-1.89v6.839a.925.925 0 0 0 1.85 0v-6.839l1.89 1.89a.925.925 0 1 0 1.309-1.308l-3.47-3.47a.926.926 0 0 0-1.308 0l-3.47 3.47Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgShareScreenIcon;

package/src/ShieldAlertIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgShieldAlertIcon(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.076 3.052c.186-.07.39-.07.575 0l6.546 2.455c.319.12.53.425.53.766V12c0 2.82-1.867 5.073-3.552 6.548a18.568 18.568 0 01-3.42 2.353l-.017.009-.005.002-.002.001-.367-.731-.367.732-.002-.002-.005-.002-.018-.01a6.77 6.77 0 01-.286-.152 18.563 18.563 0 01-3.134-2.2C6.867 17.073 5 14.82 5 12V6.273c0-.341.212-.647.53-.766l6.546-2.455zm-.079 17.861c.23.116.502.116.733 0l-.366-.731-.367.732zm.367-1.662a16.924 16.924 0 002.734-1.935C16.685 15.927 18.09 14.09 18.09 12V6.84l-5.727-2.148L6.636 6.84V12c0 2.09 1.406 3.927 2.994 5.316a16.922 16.922 0 002.734 1.936zm0-11.342c.451 0 .818.366.818.818V12a.818.818 0 01-1.636 0V8.727c0-.452.366-.818.818-.818zm0 6.546a.818.818 0 100 1.636h.008a.818.818 0 000-1.636h-.008z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgShieldAlertIcon = (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.076 3.052c.186-.07.39-.07.575 0l6.546 2.455c.319.12.53.425.53.766V12c0 2.82-1.867 5.073-3.552 6.548a18.568 18.568 0 0 1-3.42 2.353l-.017.009-.005.002-.002.001-.367-.731-.367.732-.002-.002-.005-.002-.018-.01a6.77 6.77 0 0 1-.286-.152 18.563 18.563 0 0 1-3.134-2.2C6.867 17.073 5 14.82 5 12V6.273c0-.341.212-.647.53-.766l6.546-2.455Zm-.079 17.861c.23.116.502.116.733 0l-.366-.731-.367.732Zm.367-1.662a16.924 16.924 0 0 0 2.734-1.935C16.685 15.927 18.09 14.09 18.09 12V6.84l-5.727-2.148L6.636 6.84V12c0 2.09 1.406 3.927 2.994 5.316a16.922 16.922 0 0 0 2.734 1.936Zm0-11.342c.451 0 .818.366.818.818V12a.818.818 0 0 1-1.636 0V8.727c0-.452.366-.818.818-.818Zm0 6.546a.818.818 0 1 0 0 1.636h.008a.818.818 0 0 0 0-1.636h-.008Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgShieldAlertIcon;

package/src/ShieldIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgShieldIcon(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.076 3.052c.186-.07.39-.07.575 0l6.546 2.455c.319.12.53.425.53.766V12c0 2.82-1.867 5.073-3.552 6.548a18.568 18.568 0 01-3.42 2.353l-.017.009-.005.002-.002.001-.367-.731-.367.732-.002-.002-.005-.002-.018-.01a6.77 6.77 0 01-.286-.152 18.563 18.563 0 01-3.134-2.2C6.867 17.073 5 14.82 5 12V6.273c0-.341.212-.647.53-.766l6.546-2.455zm.288 17.13l-.367.732c.23.115.502.115.733 0l-.366-.732zm0-.93a16.924 16.924 0 002.734-1.935c1.587-1.39 2.993-3.228 2.993-5.317V6.84l-5.727-2.148L6.636 6.84V12c0 2.09 1.406 3.927 2.994 5.316a16.922 16.922 0 002.734 1.936z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgShieldIcon = (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.076 3.052c.186-.07.39-.07.575 0l6.546 2.455c.319.12.53.425.53.766V12c0 2.82-1.867 5.073-3.552 6.548a18.568 18.568 0 0 1-3.42 2.353l-.017.009-.005.002-.002.001-.367-.731-.367.732-.002-.002-.005-.002-.018-.01a6.77 6.77 0 0 1-.286-.152 18.563 18.563 0 0 1-3.134-2.2C6.867 17.073 5 14.82 5 12V6.273c0-.341.212-.647.53-.766l6.546-2.455Zm.288 17.13-.367.732c.23.115.502.115.733 0l-.366-.732Zm0-.93a16.924 16.924 0 0 0 2.734-1.935c1.587-1.39 2.993-3.228 2.993-5.317V6.84l-5.727-2.148L6.636 6.84V12c0 2.09 1.406 3.927 2.994 5.316a16.922 16.922 0 0 0 2.734 1.936Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgShieldIcon;

package/src/ShrinkIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgShrinkIcon(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="M18.987 10.81H14.11c-.896 0-1.415-.527-1.415-1.423v-4.87c0-.456.343-.817.809-.817s.8.352.8.818v.738l-.185 3.067 2.32-2.434 2.699-2.725a.764.764 0 01.562-.237c.501 0 .87.334.87.826a.858.858 0 01-.246.606l-2.707 2.707-2.434 2.312 3.067-.176h.738c.466 0 .827.325.827.8 0 .466-.352.808-.827.808zm-8.428 8.921c-.466 0-.8-.342-.8-.817v-.835l.184-3.059-2.32 2.435-2.76 2.777a.75.75 0 01-.562.238c-.492 0-.862-.334-.862-.826a.85.85 0 01.238-.607l2.768-2.768 2.444-2.312-3.076.176h-.835c-.466 0-.827-.325-.827-.791 0-.475.352-.809.827-.809h4.974c.897 0 1.415.519 1.415 1.415v4.966c0 .466-.334.817-.808.817z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgShrinkIcon = (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="M18.987 10.81H14.11c-.896 0-1.415-.527-1.415-1.423v-4.87c0-.456.343-.817.809-.817s.8.352.8.818v.738l-.185 3.067 2.32-2.434 2.699-2.725a.764.764 0 0 1 .562-.237c.501 0 .87.334.87.826a.858.858 0 0 1-.246.606l-2.707 2.707-2.434 2.312 3.067-.176h.738c.466 0 .827.325.827.8 0 .466-.352.808-.827.808Zm-8.428 8.921c-.466 0-.8-.342-.8-.817v-.835l.184-3.059-2.32 2.435-2.76 2.777a.75.75 0 0 1-.562.238c-.492 0-.862-.334-.862-.826a.85.85 0 0 1 .238-.607l2.768-2.768 2.444-2.312-3.076.176h-.835c-.466 0-.827-.325-.827-.791 0-.475.352-.809.827-.809h4.974c.897 0 1.415.519 1.415 1.415v4.966c0 .466-.334.817-.808.817Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgShrinkIcon;

package/src/ShuffleIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgShuffleIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18.981 4.25a.799.799 0 01.219.55v4a.8.8 0 01-1.6 0V6.731L5.366 18.966a.8.8 0 01-1.132-1.132L16.47 5.6H14.4a.8.8 0 010-1.6h4a.797.797 0 01.581.25zM19.2 15.2a.8.8 0 00-1.6 0v2.069l-3.434-3.435a.8.8 0 00-1.132 1.132L16.47 18.4H14.4a.8.8 0 000 1.6h4a.797.797 0 00.8-.8v-4zM5.366 5.034a.8.8 0 00-1.132 1.132l4 4a.8.8 0 001.132-1.132l-4-4z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgShuffleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.981 4.25a.799.799 0 0 1 .219.55v4a.8.8 0 0 1-1.6 0V6.731L5.366 18.966a.8.8 0 0 1-1.132-1.132L16.47 5.6H14.4a.8.8 0 0 1 0-1.6h4a.797.797 0 0 1 .581.25ZM19.2 15.2a.8.8 0 0 0-1.6 0v2.069l-3.434-3.435a.8.8 0 0 0-1.132 1.132L16.47 18.4H14.4a.8.8 0 0 0 0 1.6h4a.797.797 0 0 0 .8-.8v-4ZM5.366 5.034a.8.8 0 0 0-1.132 1.132l4 4a.8.8 0 0 0 1.132-1.132l-4-4Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgShuffleIcon;

package/src/SlackIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSlackIcon(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 21a9 9 0 100-18 9 9 0 000 18zM10.52 6.37c.653 0 1.181.53 1.182 1.182v1.186h-1.183a1.184 1.184 0 010-2.367zm-4.14 7.118a1.184 1.184 0 002.367 0v-1.184H7.564c-.654 0-1.184.53-1.184 1.184zm4.14-1.183c-.654 0-1.183.53-1.183 1.183v2.958a1.183 1.183 0 002.365 0v-2.958c0-.653-.53-1.183-1.183-1.183zm-2.964-.6h2.963a1.184 1.184 0 000-2.367H7.556a1.184 1.184 0 000 2.366zm7.699-1.187a1.18 1.18 0 011.181-1.18h.001a1.184 1.184 0 010 2.366h-1.182v-1.186zM12.3 7.554v2.967a1.183 1.183 0 002.365 0V7.554a1.183 1.183 0 00-2.365 0zm1.182 7.708a1.183 1.183 0 11-1.183 1.184v-1.184h1.183zm2.963-2.958h-2.963a1.184 1.184 0 000 2.367h2.963a1.184 1.184 0 000-2.367z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSlackIcon = (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 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM10.52 6.37c.653 0 1.181.53 1.182 1.182v1.186h-1.183a1.184 1.184 0 0 1 0-2.367Zm-4.14 7.118a1.184 1.184 0 0 0 2.367 0v-1.184H7.564c-.654 0-1.184.53-1.184 1.184Zm4.14-1.183c-.654 0-1.183.53-1.183 1.183v2.958a1.183 1.183 0 0 0 2.365 0v-2.958c0-.653-.53-1.183-1.183-1.183Zm-2.964-.6h2.963a1.184 1.184 0 0 0 0-2.367H7.556a1.184 1.184 0 0 0 0 2.366Zm7.699-1.187a1.18 1.18 0 0 1 1.181-1.18h.001a1.184 1.184 0 0 1 0 2.366h-1.182v-1.186ZM12.3 7.554v2.967a1.183 1.183 0 0 0 2.365 0V7.554a1.183 1.183 0 0 0-2.365 0Zm1.182 7.708a1.183 1.183 0 1 1-1.183 1.184v-1.184h1.183Zm2.963-2.958h-2.963a1.184 1.184 0 0 0 0 2.367h2.963a1.184 1.184 0 0 0 0-2.367Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSlackIcon;

package/src/SpeakerIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSpeakerIcon(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.19 5.058a2.031 2.031 0 00-2.101.173L6.657 8.688H4.313a2.031 2.031 0 00-2.031 2.03v2.563a2.031 2.031 0 002.031 2.031h2.344l5.432 3.457a2.03 2.03 0 003.224-1.644V6.875a2.03 2.03 0 00-1.123-1.817zm-.956 1.288a.532.532 0 01.579.53v10.249a.53.53 0 01-.85.425.768.768 0 00-.047-.033l-5.29-3.366V9.849l5.29-3.366a.733.733 0 00.047-.033.53.53 0 01.271-.104zm-7.108 3.842H4.313a.531.531 0 00-.531.53v2.563a.532.532 0 00.531.531h1.813v-3.624zm14.59-1.453a.75.75 0 10-1.265.807 4.888 4.888 0 010 5.258.75.75 0 101.264.807 6.388 6.388 0 000-6.872zM17.131 9.74a.75.75 0 011.055.11 3.734 3.734 0 010 4.708.75.75 0 01-1.164-.946 2.233 2.233 0 000-2.816.75.75 0 01.11-1.056z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSpeakerIcon = (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.19 5.058a2.031 2.031 0 0 0-2.101.173L6.657 8.688H4.313a2.031 2.031 0 0 0-2.031 2.03v2.563a2.031 2.031 0 0 0 2.031 2.031h2.344l5.432 3.457a2.03 2.03 0 0 0 3.224-1.644V6.875a2.03 2.03 0 0 0-1.123-1.817Zm-.956 1.288a.532.532 0 0 1 .579.53v10.249a.53.53 0 0 1-.85.425.768.768 0 0 0-.047-.033l-5.29-3.366V9.849l5.29-3.366a.733.733 0 0 0 .047-.033.53.53 0 0 1 .271-.104Zm-7.108 3.842H4.313a.531.531 0 0 0-.531.53v2.563a.532.532 0 0 0 .531.531h1.813v-3.624Zm14.59-1.453a.75.75 0 1 0-1.265.807 4.888 4.888 0 0 1 0 5.258.75.75 0 1 0 1.264.807 6.388 6.388 0 0 0 0-6.872ZM17.131 9.74a.75.75 0 0 1 1.055.11 3.734 3.734 0 0 1 0 4.708.75.75 0 0 1-1.164-.946 2.233 2.233 0 0 0 0-2.816.75.75 0 0 1 .11-1.056Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSpeakerIcon;

package/src/SpotlightIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSpotlightIcon(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.182 1.549a.6.6 0 01.6.6v1.087H5.87a.6.6 0 010 1.2H4.782v1.088a.6.6 0 01-1.2 0V4.436H2.495a.6.6 0 010-1.2h1.087V2.15a.6.6 0 01.6-.6zM21.646 12a.6.6 0 01.6.6v1.088h1.088a.6.6 0 110 1.2h-1.088v1.087a.6.6 0 11-1.2 0v-1.088H19.96a.6.6 0 110-1.2h1.087V12.6a.6.6 0 01.6-.6zM3.095 14.674a.6.6 0 00-1.2 0v1.088H.807a.6.6 0 000 1.2h1.088v1.087a.6.6 0 101.2 0v-1.087h1.087a.6.6 0 100-1.2H3.095v-1.088zm6.226-6.12l2.36-4.679 2.363 4.682c.115.227.337.38.59.404l4.485.445-3.717 3.684a.743.743 0 00-.193.725l1.375 4.996-4.574-2.265a.743.743 0 00-.659 0l-4.567 2.262 1.375-4.996a.743.743 0 00-.193-.725l-3.72-3.684 4.486-.445a.743.743 0 00.59-.404zm3.564-5.59l.126.25 2.175 4.31 4.372.433a1.34 1.34 0 01.826 2.287l-3.628 3.595 1.346 4.889a1.346 1.346 0 01-1.904 1.55l-.002-.002-4.515-2.235-4.508 2.232-.003.001a1.346 1.346 0 01-1.904-1.55l.002-.006 1.344-4.882-3.63-3.595a1.34 1.34 0 01.825-2.287L8.18 7.52l2.3-4.56a1.35 1.35 0 012.404 0l.002.004z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSpotlightIcon = (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.182 1.549a.6.6 0 0 1 .6.6v1.087H5.87a.6.6 0 0 1 0 1.2H4.782v1.088a.6.6 0 0 1-1.2 0V4.436H2.495a.6.6 0 0 1 0-1.2h1.087V2.15a.6.6 0 0 1 .6-.6ZM21.646 12a.6.6 0 0 1 .6.6v1.088h1.088a.6.6 0 1 1 0 1.2h-1.088v1.087a.6.6 0 1 1-1.2 0v-1.088H19.96a.6.6 0 1 1 0-1.2h1.087V12.6a.6.6 0 0 1 .6-.6ZM3.095 14.674a.6.6 0 0 0-1.2 0v1.088H.807a.6.6 0 0 0 0 1.2h1.088v1.087a.6.6 0 1 0 1.2 0v-1.087h1.087a.6.6 0 1 0 0-1.2H3.095v-1.088Zm6.226-6.12 2.36-4.679 2.363 4.682c.115.227.337.38.59.404l4.485.445-3.717 3.684a.743.743 0 0 0-.193.725l1.375 4.996-4.574-2.265a.743.743 0 0 0-.659 0l-4.567 2.262 1.375-4.996a.743.743 0 0 0-.193-.725l-3.72-3.684 4.486-.445a.743.743 0 0 0 .59-.404Zm3.564-5.59.126.25 2.175 4.31 4.372.433a1.34 1.34 0 0 1 .826 2.287l-3.628 3.595 1.346 4.889a1.346 1.346 0 0 1-1.904 1.55l-.002-.002-4.515-2.235-4.508 2.232-.003.001a1.346 1.346 0 0 1-1.904-1.55l.002-.006 1.344-4.882-3.63-3.595a1.34 1.34 0 0 1 .825-2.287L8.18 7.52l2.3-4.56a1.35 1.35 0 0 1 2.404 0l.002.004Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSpotlightIcon;

package/src/SquareMenuIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSquareMenuIcon(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 6.556a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm5.445 0a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm7-1.556a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111zM5 12a1.556 1.556 0 113.111 0A1.556 1.556 0 015 12zm7-1.556a1.556 1.556 0 100 3.112 1.556 1.556 0 000-3.112zM15.89 12A1.556 1.556 0 1119 12a1.556 1.556 0 01-3.111 0zm-9.333 3.889a1.556 1.556 0 100 3.11 1.556 1.556 0 000-3.11zm3.889 1.555a1.556 1.556 0 113.11 0 1.556 1.556 0 01-3.11 0zm7-1.555a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSquareMenuIcon = (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 6.556a1.556 1.556 0 1 1 3.111 0 1.556 1.556 0 0 1-3.111 0Zm5.445 0a1.556 1.556 0 1 1 3.111 0 1.556 1.556 0 0 1-3.111 0Zm7-1.556a1.556 1.556 0 1 0 0 3.111 1.556 1.556 0 0 0 0-3.111ZM5 12a1.556 1.556 0 1 1 3.111 0A1.556 1.556 0 0 1 5 12Zm7-1.556a1.556 1.556 0 1 0 0 3.112 1.556 1.556 0 0 0 0-3.112ZM15.89 12A1.556 1.556 0 1 1 19 12a1.556 1.556 0 0 1-3.111 0Zm-9.333 3.889a1.556 1.556 0 1 0 0 3.11 1.556 1.556 0 0 0 0-3.11Zm3.889 1.555a1.556 1.556 0 1 1 3.11 0 1.556 1.556 0 0 1-3.11 0Zm7-1.555a1.556 1.556 0 1 0 0 3.111 1.556 1.556 0 0 0 0-3.111Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSquareMenuIcon;

package/src/StarIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgStarIcon(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.311 0 .596.177.734.456l2.338 4.737 5.228.764a.818.818 0 01.453 1.395l-3.783 3.685.893 5.205a.818.818 0 01-1.188.862L12 17.645l-4.676 2.46a.818.818 0 01-1.187-.863l.893-5.205-3.783-3.685A.818.818 0 013.7 8.957l5.228-.764 2.338-4.737A.818.818 0 0112 3zm0 2.667l-1.794 3.635a.818.818 0 01-.616.448l-4.014.586 2.904 2.829a.818.818 0 01.236.724l-.686 3.995 3.59-1.887a.818.818 0 01.76 0l3.59 1.887-.686-3.995a.818.818 0 01.236-.724l2.904-2.829-4.014-.586a.818.818 0 01-.616-.448L12 5.667z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgStarIcon = (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.311 0 .596.177.734.456l2.338 4.737 5.228.764a.818.818 0 0 1 .453 1.395l-3.783 3.685.893 5.205a.818.818 0 0 1-1.188.862L12 17.645l-4.676 2.46a.818.818 0 0 1-1.187-.863l.893-5.205-3.783-3.685A.818.818 0 0 1 3.7 8.957l5.228-.764 2.338-4.737A.818.818 0 0 1 12 3Zm0 2.667-1.794 3.635a.818.818 0 0 1-.616.448l-4.014.586 2.904 2.829a.818.818 0 0 1 .236.724l-.686 3.995 3.59-1.887a.818.818 0 0 1 .76 0l3.59 1.887-.686-3.995a.818.818 0 0 1 .236-.724l2.904-2.829-4.014-.586a.818.818 0 0 1-.616-.448L12 5.667Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgStarIcon;

package/src/StopIcon.tsx

@@ -1,22 +1,21 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgStopIcon(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.545 8.727a.818.818 0 00-.818.818v4.91c0 .451.367.818.818.818h4.91a.818.818 0 00.818-.818v-4.91a.818.818 0 00-.818-.818h-4.91zm.819 4.91v-3.273h3.272v3.272h-3.272z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 3a9 9 0 100 18 9 9 0 000-18zm-7.364 9a7.364 7.364 0 1114.728 0 7.364 7.364 0 01-14.728 0z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgStopIcon = (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.545 8.727a.818.818 0 0 0-.818.818v4.91c0 .451.367.818.818.818h4.91a.818.818 0 0 0 .818-.818v-4.91a.818.818 0 0 0-.818-.818h-4.91Zm.819 4.91v-3.273h3.272v3.272h-3.272Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-7.364 9a7.364 7.364 0 1 1 14.728 0 7.364 7.364 0 0 1-14.728 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgStopIcon;

package/src/SunIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgSunIcon(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.452 0 .818.366.818.818v1.637a.818.818 0 01-1.636 0V3.818c0-.452.366-.818.818-.818zm0 6.546a2.455 2.455 0 100 4.909 2.455 2.455 0 000-4.91zM7.91 12a4.09 4.09 0 118.18 0 4.09 4.09 0 01-8.18 0zm4.908 6.546a.818.818 0 10-1.636 0v1.636a.818.818 0 101.636 0v-1.636zM5.694 5.694a.818.818 0 011.157 0L8.08 6.921A.818.818 0 116.92 8.08L5.694 6.85a.818.818 0 010-1.157zm11.384 10.227a.818.818 0 10-1.156 1.158l1.227 1.227a.818.818 0 001.157-1.157l-1.228-1.228zM3 12c0-.452.366-.818.818-.818h1.637a.818.818 0 110 1.636H3.818A.818.818 0 013 12zm15.545-.818a.818.818 0 000 1.636h1.637a.818.818 0 100-1.636h-1.637zM8.08 15.922c.32.319.32.837 0 1.157L6.85 18.306a.818.818 0 01-1.157-1.157l1.227-1.228a.818.818 0 011.158 0zm10.227-9.07a.818.818 0 00-1.157-1.158L15.92 6.921a.818.818 0 101.157 1.158l1.228-1.228z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgSunIcon = (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.452 0 .818.366.818.818v1.637a.818.818 0 0 1-1.636 0V3.818c0-.452.366-.818.818-.818Zm0 6.546a2.455 2.455 0 1 0 0 4.909 2.455 2.455 0 0 0 0-4.91ZM7.91 12a4.09 4.09 0 1 1 8.18 0 4.09 4.09 0 0 1-8.18 0Zm4.908 6.546a.818.818 0 1 0-1.636 0v1.636a.818.818 0 1 0 1.636 0v-1.636ZM5.694 5.694a.818.818 0 0 1 1.157 0L8.08 6.921A.818.818 0 1 1 6.92 8.08L5.694 6.85a.818.818 0 0 1 0-1.157Zm11.384 10.227a.818.818 0 1 0-1.156 1.158l1.227 1.227a.818.818 0 0 0 1.157-1.157l-1.228-1.228ZM3 12c0-.452.366-.818.818-.818h1.637a.818.818 0 1 1 0 1.636H3.818A.818.818 0 0 1 3 12Zm15.545-.818a.818.818 0 0 0 0 1.636h1.637a.818.818 0 1 0 0-1.636h-1.637ZM8.08 15.922c.32.319.32.837 0 1.157L6.85 18.306a.818.818 0 0 1-1.157-1.157l1.227-1.228a.818.818 0 0 1 1.158 0Zm10.227-9.07a.818.818 0 0 0-1.157-1.158L15.92 6.921a.818.818 0 1 0 1.157 1.158l1.228-1.228Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgSunIcon;