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

package/src/QuestionMarkIcon.tsx

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

package/src/RadioIcon.tsx

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

package/src/ReactIcon.tsx

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

package/src/RecordIcon.tsx

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

package/src/RecordOffIcon.tsx

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

package/src/RefreshIcon.tsx

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

package/src/RejectIcon.tsx

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

package/src/RemoveUserIcon.tsx

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

package/src/RepeatIcon.tsx

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

package/src/ReportIcon.tsx

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

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;