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

package/src/FitnessIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFitnessIcon(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="M16.5 6.909c-.822 0-1.587.224-2.25.599v-.423c0-.777.312-1.507.879-2.057L14.069 4a4.286 4.286 0 00-1.32 3.085v.423a4.555 4.555 0 00-2.25-.599c-1.33 0-2.524.564-3.348 1.455H5.25c-1.242 0-2.25.977-2.25 2.182v4.364c0 1.205 1.008 2.182 2.25 2.182h2.261A7.561 7.561 0 0013.501 20C17.64 20 21 16.744 21 12.727v-1.454c0-2.41-2.015-4.364-4.5-4.364zM5.25 9.819h1.01a4.23 4.23 0 00-.261 1.454H5.25a.739.739 0 01-.75-.727c0-.401.335-.727.75-.727zm2.25 5.818v-1.454H6v1.454h-.75a.738.738 0 01-.75-.727h-.002.002v-2.316c.236.081.486.134.75.134H12v2.909h-1.5v-1.454H9v1.454H7.5zm12-2.91c0 3.208-2.692 5.818-6 5.818a6.073 6.073 0 01-3.954-1.454H13.5v-5.818H7.498v-.002c0-1.602 1.347-2.908 3-2.908.737 0 1.446.265 2 .746l1 .872 1.003-.872a3.045 3.045 0 011.999-.746c1.655 0 3 1.305 3 2.91v1.454z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgFitnessIcon = (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="M16.5 6.909c-.822 0-1.587.224-2.25.599v-.423c0-.777.312-1.507.879-2.057L14.069 4a4.286 4.286 0 0 0-1.32 3.085v.423a4.555 4.555 0 0 0-2.25-.599c-1.33 0-2.524.564-3.348 1.455H5.25c-1.242 0-2.25.977-2.25 2.182v4.364c0 1.205 1.008 2.182 2.25 2.182h2.261A7.561 7.561 0 0 0 13.501 20C17.64 20 21 16.744 21 12.727v-1.454c0-2.41-2.015-4.364-4.5-4.364ZM5.25 9.819h1.01a4.23 4.23 0 0 0-.261 1.454H5.25a.739.739 0 0 1-.75-.727c0-.401.335-.727.75-.727Zm2.25 5.818v-1.454H6v1.454h-.75a.738.738 0 0 1-.75-.727h-.002.002v-2.316c.236.081.486.134.75.134H12v2.909h-1.5v-1.454H9v1.454H7.5Zm12-2.91c0 3.208-2.692 5.818-6 5.818a6.073 6.073 0 0 1-3.954-1.454H13.5v-5.818H7.498v-.002c0-1.602 1.347-2.908 3-2.908.737 0 1.446.265 2 .746l1 .872 1.003-.872a3.045 3.045 0 0 1 1.999-.746c1.655 0 3 1.305 3 2.91v1.454Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgFitnessIcon;

package/src/FlagIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFlagIcon(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.06 15.216c1.08.433 2.194.875 3.576.875 2.66 0 3.674-.884 3.854-1.056a.845.845 0 00.237-.58V4.635a.822.822 0 00-.49-.736.836.836 0 00-.884.14c-.009.007-.72.596-2.717.596-1.067 0-1.98-.365-2.958-.756l-.012-.005C11.586 3.442 10.474 3 9.091 3c-2.66 0-3.674.884-3.854 1.055A.845.845 0 005 4.636V20.182c0 .45.368.818.818.818a.82.82 0 00.818-.818v-5.287c.36-.178 1.121-.44 2.455-.44 1.068 0 1.981.365 2.959.756l.01.005zm.606-1.522c-1.08-.434-2.192-.876-3.575-.876-1.064 0-1.866.14-2.455.32v-8.06c.36-.18 1.121-.442 2.455-.442 1.068 0 1.981.366 2.959.757l.01.004c1.08.434 2.194.876 3.576.876 1.064 0 1.866-.14 2.455-.32v8.06c-.36.18-1.121.441-2.455.441-1.067 0-1.98-.365-2.958-.756l-.012-.004z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgFlagIcon = (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.06 15.216c1.08.433 2.194.875 3.576.875 2.66 0 3.674-.884 3.854-1.056a.845.845 0 0 0 .237-.58V4.635a.822.822 0 0 0-.49-.736.836.836 0 0 0-.884.14c-.009.007-.72.596-2.717.596-1.067 0-1.98-.365-2.958-.756l-.012-.005C11.586 3.442 10.474 3 9.091 3c-2.66 0-3.674.884-3.854 1.055A.845.845 0 0 0 5 4.636V20.182c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818v-5.287c.36-.178 1.121-.44 2.455-.44 1.068 0 1.981.365 2.959.756l.01.005Zm.606-1.522c-1.08-.434-2.192-.876-3.575-.876-1.064 0-1.866.14-2.455.32v-8.06c.36-.18 1.121-.442 2.455-.442 1.068 0 1.981.366 2.959.757l.01.004c1.08.434 2.194.876 3.576.876 1.064 0 1.866-.14 2.455-.32v8.06c-.36.18-1.121.441-2.455.441-1.067 0-1.98-.365-2.958-.756l-.012-.004Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgFlagIcon;

package/src/FlutterIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFlutterIcon(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.705 14.768L18.47 3h-5.537l-8.999 9 2.77 2.768zm11.766-3.462h-5.537l-4.846 4.847 2.641 2.641.128.128.094.094L12.934 21h5.537l-.002-.002h.002l-4.725-4.725-.12-.12.002-.001 4.3-4.303.543-.543z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgFlutterIcon = (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.705 14.768 18.47 3h-5.537l-8.999 9 2.77 2.768Zm11.766-3.462h-5.537l-4.846 4.847 2.641 2.641.128.128.094.094L12.934 21h5.537l-.002-.002h.002l-4.725-4.725-.12-.12.002-.001 4.3-4.303.543-.543Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgFlutterIcon;

package/src/FlutterWIthColourIcon.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFlutterWIthColourIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12.047.008 19.38 0 7.077 12.27 3.87 15.453.222 11.807 12.047.008Zm-.069 10.956c.096-.125.27-.063.404-.08l6.992.002L13 17.24l-3.667-3.637 2.644-2.638Z"
+      fill="#44D1FD"
+    />
+    <path d="m5.679 17.245 3.655-3.643 3.667 3.637.015.016-3.681 3.64-3.656-3.65Z" fill="#1FBCFD" />
+    <path
+      d="m9.335 20.895 3.681-3.64 6.36 6.353c-2.395.005-4.79-.002-7.185.003-.136.03-.22-.094-.308-.171l-2.548-2.546Z"
+      fill="#08589C"
+    />
+  </svg>
+);
+
+export default SvgFlutterWIthColourIcon;

package/src/FolderIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFolderIcon(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.455 5.636a.818.818 0 00-.819.819v11.454a.818.818 0 00.819.818h13.09a.818.818 0 00.819-.818v-9a.818.818 0 00-.819-.818h-7.363a.818.818 0 01-.681-.364l-1.393-2.09H5.455zM3.719 4.72A2.455 2.455 0 015.455 4h4.09c.274 0 .53.137.681.364l1.394 2.09h6.926A2.455 2.455 0 0121 8.91v9a2.454 2.454 0 01-2.454 2.455H5.455A2.455 2.455 0 013 17.909V6.455c0-.651.259-1.276.719-1.736z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgFolderIcon = (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.455 5.636a.818.818 0 0 0-.819.819v11.454a.818.818 0 0 0 .819.818h13.09a.818.818 0 0 0 .819-.818v-9a.818.818 0 0 0-.819-.818h-7.363a.818.818 0 0 1-.681-.364l-1.393-2.09H5.455ZM3.719 4.72A2.455 2.455 0 0 1 5.455 4h4.09c.274 0 .53.137.681.364l1.394 2.09h6.926A2.455 2.455 0 0 1 21 8.91v9a2.454 2.454 0 0 1-2.454 2.455H5.455A2.455 2.455 0 0 1 3 17.909V6.455c0-.651.259-1.276.719-1.736Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgFolderIcon;

package/src/FolderOpenIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFolderOpenIcon(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.455 5.636a.818.818 0 00-.819.819v11.454a.818.818 0 00.819.818H16.09c.035 0 .07.003.106.007a.818.818 0 00.79-.364L19.001 13h-9.72l-1.43 3.577a.818.818 0 01-1.52-.608l1.637-4.091a.818.818 0 01.76-.514h9V8.909a.818.818 0 00-.819-.818h-5.727a.818.818 0 01-.681-.364l-1.393-2.09H5.455zm13.909 5.728V8.909a2.455 2.455 0 00-2.455-2.454h-5.29l-1.393-2.09A.818.818 0 009.546 4H5.454A2.455 2.455 0 003 6.455v11.454a2.454 2.454 0 002.455 2.455h10.588a2.454 2.454 0 002.397-1.235.816.816 0 00.053-.114l2.455-6.546a.818.818 0 00-.766-1.105h-.818z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgFolderOpenIcon = (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.455 5.636a.818.818 0 0 0-.819.819v11.454a.818.818 0 0 0 .819.818H16.09c.035 0 .07.003.106.007a.818.818 0 0 0 .79-.364L19.001 13h-9.72l-1.43 3.577a.818.818 0 0 1-1.52-.608l1.637-4.091a.818.818 0 0 1 .76-.514h9V8.909a.818.818 0 0 0-.819-.818h-5.727a.818.818 0 0 1-.681-.364l-1.393-2.09H5.455Zm13.909 5.728V8.909a2.455 2.455 0 0 0-2.455-2.454h-5.29l-1.393-2.09A.818.818 0 0 0 9.546 4H5.454A2.455 2.455 0 0 0 3 6.455v11.454a2.454 2.454 0 0 0 2.455 2.455h10.588a2.454 2.454 0 0 0 2.397-1.235.816.816 0 0 0 .053-.114l2.455-6.546a.818.818 0 0 0-.766-1.105h-.818Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgFolderOpenIcon;

package/src/ForwardIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgForwardIcon(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.295 6.26a.889.889 0 00-1.257 1.257l2.927 2.927h-8.52A4.444 4.444 0 004 14.89v1.778a.889.889 0 001.778 0v-1.778a2.667 2.667 0 012.666-2.667h8.521l-2.927 2.927a.889.889 0 001.257 1.257l4.442-4.441.026-.027a.886.886 0 00-.023-1.233L15.295 6.26z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgForwardIcon = (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.295 6.26a.889.889 0 0 0-1.257 1.257l2.927 2.927h-8.52A4.444 4.444 0 0 0 4 14.89v1.778a.889.889 0 0 0 1.778 0v-1.778a2.667 2.667 0 0 1 2.666-2.667h8.521l-2.927 2.927a.889.889 0 0 0 1.257 1.257l4.442-4.441.026-.027a.886.886 0 0 0-.023-1.233L15.295 6.26Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgForwardIcon;

package/src/ForwardSolidIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgForwardSolidIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M13.57 10.807l-5.505-4.52A1.263 1.263 0 006 7.259v9.5a1.263 1.263 0 002.064.972l5.506-4.52a1.55 1.55 0 000-2.399v-.005zM15.425 6H18v12.017h-2.575V6z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgForwardSolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="m13.57 10.807-5.505-4.52A1.263 1.263 0 0 0 6 7.259v9.5a1.263 1.263 0 0 0 2.064.972l5.506-4.52a1.55 1.55 0 0 0 0-2.399v-.005ZM15.425 6H18v12.017h-2.575V6Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgForwardSolidIcon;

package/src/GameIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGameIcon(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.906 6.055a4.098 4.098 0 00-1.325 2.619l-.016.106C3.434 9.885 3 13.59 3 14.818c0 .876.344 1.694.957 2.316a3.325 3.325 0 002.316.957c1.153 0 1.767-.614 2.217-1.064l1.154-1.153a.86.86 0 01.58-.238h3.551c.221 0 .426.082.581.246l1.154 1.153.013.013c.449.441 1.062 1.043 2.204 1.043.876 0 1.694-.344 2.316-.957.613-.622.957-1.44.957-2.316 0-1.235-.434-4.933-.573-6.038l-.008-.106A4.087 4.087 0 0016.353 5H7.647a4.087 4.087 0 00-2.74 1.055zM13.776 14h-3.551a2.45 2.45 0 00-1.743.72l-1.154 1.154c-.4.4-.597.58-1.055.58-.434 0-.843-.18-1.154-.482a1.608 1.608 0 01-.483-1.154c0-.9.287-3.608.557-5.833l.016-.148a2.444 2.444 0 012.438-2.2h8.706c.605 0 1.194.22 1.644.63a2.486 2.486 0 01.81 1.71c.27 2.225.557 4.933.557 5.841a1.635 1.635 0 01-1.637 1.636c-.458 0-.654-.18-1.063-.58L15.51 14.72a2.432 2.432 0 00-1.735-.72zm-5.049-.818a.82.82 0 01-.818-.818v-.819h-.818a.82.82 0 01-.818-.818.82.82 0 01.818-.818h.818v-.818a.82.82 0 01.818-.818.82.82 0 01.818.818v.818h.819a.82.82 0 01.818.818.82.82 0 01-.818.819h-.819v.818a.82.82 0 01-.818.818zm4.918-1.636c0 .45.368.818.818.818a.82.82 0 00.818-.819.82.82 0 00-.818-.818h-.008c-.45 0-.81.368-.81.819zm3.272-.819a.82.82 0 01-.818-.818c0-.45.36-.818.81-.818h.008a.82.82 0 01.818.818.82.82 0 01-.818.818z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGameIcon = (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.906 6.055a4.098 4.098 0 0 0-1.325 2.619l-.016.106C3.434 9.885 3 13.59 3 14.818c0 .876.344 1.694.957 2.316a3.325 3.325 0 0 0 2.316.957c1.153 0 1.767-.614 2.217-1.064l1.154-1.153a.86.86 0 0 1 .58-.238h3.551c.221 0 .426.082.581.246l1.154 1.153.013.013c.449.441 1.062 1.043 2.204 1.043.876 0 1.694-.344 2.316-.957.613-.622.957-1.44.957-2.316 0-1.235-.434-4.933-.573-6.038l-.008-.106A4.087 4.087 0 0 0 16.353 5H7.647a4.087 4.087 0 0 0-2.74 1.055ZM13.776 14h-3.551a2.45 2.45 0 0 0-1.743.72l-1.154 1.154c-.4.4-.597.58-1.055.58-.434 0-.843-.18-1.154-.482a1.608 1.608 0 0 1-.483-1.154c0-.9.287-3.608.557-5.833l.016-.148a2.444 2.444 0 0 1 2.438-2.2h8.706c.605 0 1.194.22 1.644.63a2.486 2.486 0 0 1 .81 1.71c.27 2.225.557 4.933.557 5.841a1.635 1.635 0 0 1-1.637 1.636c-.458 0-.654-.18-1.063-.58L15.51 14.72a2.432 2.432 0 0 0-1.735-.72Zm-5.049-.818a.82.82 0 0 1-.818-.818v-.819h-.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.818h.818v-.818a.82.82 0 0 1 .818-.818.82.82 0 0 1 .818.818v.818h.819a.82.82 0 0 1 .818.818.82.82 0 0 1-.818.819h-.819v.818a.82.82 0 0 1-.818.818Zm4.918-1.636c0 .45.368.818.818.818a.82.82 0 0 0 .818-.819.82.82 0 0 0-.818-.818h-.008c-.45 0-.81.368-.81.819Zm3.272-.819a.82.82 0 0 1-.818-.818c0-.45.36-.818.81-.818h.008a.82.82 0 0 1 .818.818.82.82 0 0 1-.818.818Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGameIcon;

package/src/GiftIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGiftIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.318 4.636a1.227 1.227 0 00-.012 2.455h2.593a6.724 6.724 0 00-.383-.833c-.514-.936-1.221-1.622-2.198-1.622zM5.455 5.864c0 .428.096.847.276 1.227H3.818A.818.818 0 003 7.909v4.09c0 .453.366.82.818.82h.818v7.363c0 .452.367.818.819.818h13.09a.818.818 0 00.819-.818v-7.364h.818A.818.818 0 0021 12V7.909a.818.818 0 00-.818-.818h-1.913A2.864 2.864 0 0015.682 3c-1.887 0-3.021 1.36-3.632 2.47l-.05.092a7.483 7.483 0 00-.05-.093C11.34 4.36 10.205 3 8.318 3a2.864 2.864 0 00-2.863 2.864zm10.24 1.227H13.1c.1-.261.227-.549.383-.833.515-.936 1.221-1.622 2.198-1.622a1.227 1.227 0 01.012 2.455zm-2.877 1.636v2.455h6.546V8.727H12.818zm-8.182 0H11.182v2.455H4.636V8.727zm6.546 4.091h-4.91v6.546h4.91v-6.546zm1.636 6.546v-6.546h4.91v6.546h-4.91z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGiftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.318 4.636a1.227 1.227 0 0 0-.012 2.455h2.593a6.724 6.724 0 0 0-.383-.833c-.514-.936-1.221-1.622-2.198-1.622ZM5.455 5.864c0 .428.096.847.276 1.227H3.818A.818.818 0 0 0 3 7.909v4.09c0 .453.366.82.818.82h.818v7.363c0 .452.367.818.819.818h13.09a.818.818 0 0 0 .819-.818v-7.364h.818A.818.818 0 0 0 21 12V7.909a.818.818 0 0 0-.818-.818h-1.913A2.864 2.864 0 0 0 15.682 3c-1.887 0-3.021 1.36-3.632 2.47l-.05.092a7.483 7.483 0 0 0-.05-.093C11.34 4.36 10.205 3 8.318 3a2.864 2.864 0 0 0-2.863 2.864Zm10.24 1.227H13.1c.1-.261.227-.549.383-.833.515-.936 1.221-1.622 2.198-1.622a1.227 1.227 0 0 1 .012 2.455Zm-2.877 1.636v2.455h6.546V8.727H12.818Zm-8.182 0H11.182v2.455H4.636V8.727Zm6.546 4.091h-4.91v6.546h4.91v-6.546Zm1.636 6.546v-6.546h4.91v6.546h-4.91Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGiftIcon;

package/src/GitForkIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGitForkIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M3.667 7.222h-.75.75zM9.75 9a.75.75 0 00-1.5 0h1.5zm1.167 5.333A1.917 1.917 0 019 16.25v1.5a3.417 3.417 0 003.417-3.417h-1.5zM9 16.25a1.917 1.917 0 01-1.917-1.917h-1.5A3.417 3.417 0 009 17.75v-1.5zm-1.917-1.917c0-1.058.858-1.916 1.917-1.916v-1.5a3.417 3.417 0 00-3.417 3.416h1.5zM9 12.417c1.059 0 1.917.858 1.917 1.916h1.5A3.417 3.417 0 009 10.917v1.5zm-3.417-8.75a1.917 1.917 0 01-1.916 1.916v1.5a3.417 3.417 0 003.416-3.416h-1.5zM3.667 5.583A1.917 1.917 0 011.75 3.667H.25a3.417 3.417 0 003.417 3.416v-1.5zM1.75 3.667c0-1.059.858-1.917 1.917-1.917V.25A3.417 3.417 0 00.25 3.667h1.5zM3.667 1.75c1.058 0 1.916.858 1.916 1.917h1.5A3.417 3.417 0 003.667.25v1.5zM16.25 3.667a1.917 1.917 0 01-1.917 1.916v1.5a3.417 3.417 0 003.417-3.416h-1.5zm-1.917 1.916a1.917 1.917 0 01-1.916-1.916h-1.5a3.417 3.417 0 003.416 3.416v-1.5zm-1.916-1.916c0-1.059.858-1.917 1.916-1.917V.25a3.417 3.417 0 00-3.416 3.417h1.5zm1.916-1.917c1.059 0 1.917.858 1.917 1.917h1.5A3.417 3.417 0 0014.333.25v1.5zm-.75 4.583v.89h1.5v-.89h-1.5zm0 .89c0 .272-.108.533-.3.726l1.06 1.06c.474-.473.74-1.116.74-1.787h-1.5zm-.3.726a1.028 1.028 0 01-.727.301v1.5c.67 0 1.313-.266 1.787-.74l-1.06-1.061zm-.727.301H5.444v1.5h7.112v-1.5zm-7.112 0c-.272 0-.534-.108-.726-.301l-1.061 1.06c.474.475 1.117.741 1.787.741v-1.5zm-.726-.301a1.028 1.028 0 01-.301-.727h-1.5c0 .67.266 1.314.74 1.788l1.06-1.061zm-.301-.727v-.889h-1.5v.89h1.5zM8.25 9v2.667h1.5V9h-1.5z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGitForkIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M3.667 7.222h-.75.75ZM9.75 9a.75.75 0 0 0-1.5 0h1.5Zm1.167 5.333A1.917 1.917 0 0 1 9 16.25v1.5a3.417 3.417 0 0 0 3.417-3.417h-1.5ZM9 16.25a1.917 1.917 0 0 1-1.917-1.917h-1.5A3.417 3.417 0 0 0 9 17.75v-1.5Zm-1.917-1.917c0-1.058.858-1.916 1.917-1.916v-1.5a3.417 3.417 0 0 0-3.417 3.416h1.5ZM9 12.417c1.059 0 1.917.858 1.917 1.916h1.5A3.417 3.417 0 0 0 9 10.917v1.5Zm-3.417-8.75a1.917 1.917 0 0 1-1.916 1.916v1.5a3.417 3.417 0 0 0 3.416-3.416h-1.5ZM3.667 5.583A1.917 1.917 0 0 1 1.75 3.667H.25a3.417 3.417 0 0 0 3.417 3.416v-1.5ZM1.75 3.667c0-1.059.858-1.917 1.917-1.917V.25A3.417 3.417 0 0 0 .25 3.667h1.5ZM3.667 1.75c1.058 0 1.916.858 1.916 1.917h1.5A3.417 3.417 0 0 0 3.667.25v1.5ZM16.25 3.667a1.917 1.917 0 0 1-1.917 1.916v1.5a3.417 3.417 0 0 0 3.417-3.416h-1.5Zm-1.917 1.916a1.917 1.917 0 0 1-1.916-1.916h-1.5a3.417 3.417 0 0 0 3.416 3.416v-1.5Zm-1.916-1.916c0-1.059.858-1.917 1.916-1.917V.25a3.417 3.417 0 0 0-3.416 3.417h1.5Zm1.916-1.917c1.059 0 1.917.858 1.917 1.917h1.5A3.417 3.417 0 0 0 14.333.25v1.5Zm-.75 4.583v.89h1.5v-.89h-1.5Zm0 .89c0 .272-.108.533-.3.726l1.06 1.06c.474-.473.74-1.116.74-1.787h-1.5Zm-.3.726a1.028 1.028 0 0 1-.727.301v1.5c.67 0 1.313-.266 1.787-.74l-1.06-1.061Zm-.727.301H5.444v1.5h7.112v-1.5Zm-7.112 0c-.272 0-.534-.108-.726-.301l-1.061 1.06c.474.475 1.117.741 1.787.741v-1.5Zm-.726-.301a1.028 1.028 0 0 1-.301-.727h-1.5c0 .67.266 1.314.74 1.788l1.06-1.061Zm-.301-.727v-.889h-1.5v.89h1.5ZM8.25 9v2.667h1.5V9h-1.5Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGitForkIcon;

package/src/GithubIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGithubIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M12 3a9 9 0 00-2.845 17.54c.45.084.595-.195.595-.432v-1.676c-2.503.545-3.025-1.062-3.025-1.062-.41-1.04-1-1.317-1-1.317-.816-.559.063-.547.063-.547.903.063 1.379.928 1.379.928.803 1.375 2.105.978 2.619.748.08-.581.314-.979.572-1.203-2-.229-4.1-1-4.1-4.448 0-.984.351-1.786.926-2.416-.093-.228-.401-1.143.088-2.382 0 0 .756-.242 2.476.922.718-.2 1.487-.299 2.252-.303a8.657 8.657 0 012.255.303c1.718-1.164 2.472-.922 2.472-.922.49 1.24.182 2.155.089 2.382.577.63.926 1.433.926 2.415 0 3.457-2.105 4.219-4.11 4.441.323.28.618.827.618 1.667v2.47c0 .239.144.52.6.431A9.002 9.002 0 0012 3z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGithubIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 3a9 9 0 0 0-2.845 17.54c.45.084.595-.195.595-.432v-1.676c-2.503.545-3.025-1.062-3.025-1.062-.41-1.04-1-1.317-1-1.317-.816-.559.063-.547.063-.547.903.063 1.379.928 1.379.928.803 1.375 2.105.978 2.619.748.08-.581.314-.979.572-1.203-2-.229-4.1-1-4.1-4.448 0-.984.351-1.786.926-2.416-.093-.228-.401-1.143.088-2.382 0 0 .756-.242 2.476.922.718-.2 1.487-.299 2.252-.303a8.657 8.657 0 0 1 2.255.303c1.718-1.164 2.472-.922 2.472-.922.49 1.24.182 2.155.089 2.382.577.63.926 1.433.926 2.415 0 3.457-2.105 4.219-4.11 4.441.323.28.618.827.618 1.667v2.47c0 .239.144.52.6.431A9.002 9.002 0 0 0 12 3Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGithubIcon;

package/src/GlobeIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGlobeIcon(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.317 4.415c-.302.027-.6.071-.89.132-.377.616-.71 1.422-.975 2.373h1.865V4.415zm-2.748.784a7.643 7.643 0 00-2.242 1.72H8.02c.156-.617.34-1.193.55-1.72zM5.34 8.304a7.567 7.567 0 00-.923 3.004H7.44c.03-1.048.13-2.059.29-3.004H5.34zm-.923 4.388c.086.96.35 1.868.76 2.691H7.68a22.12 22.12 0 01-.24-2.69H4.417zm1.646 4.076a7.648 7.648 0 002.507 2.033 14.154 14.154 0 01-.624-2.033H6.062zm4.365 2.685c.29.06.588.105.89.132v-2.817H9.369c.277 1.087.64 2.003 1.058 2.685zm2.274.13c.296-.026.587-.07.872-.13.417-.682.781-1.598 1.058-2.685H12.7v2.816zm2.73-.782a7.648 7.648 0 002.507-2.033h-1.883c-.17.736-.38 1.419-.624 2.033zm3.385-3.4a7.567 7.567 0 00.768-2.709H16.56a22.127 22.127 0 01-.24 2.691h2.345c.052 0 .103.006.152.017zM21 12a9 9 0 10-18 0 9 9 0 0018 0zm-1.416-.692H16.56a21.878 21.878 0 00-.29-3.004h2.391c.503.904.827 1.921.924 3.004zm-1.91-4.388A7.643 7.643 0 0015.43 5.2c.21.526.393 1.102.549 1.72h1.693zm-4.1-2.373a7.601 7.601 0 00-.873-.13V6.92h1.847c-.265-.951-.598-1.757-.975-2.373zm1.6 8.145c-.03.953-.118 1.857-.256 2.691h-2.216v-2.69h2.472zm-3.857 0v2.691H9.082a20.497 20.497 0 01-.256-2.69h2.49zm-2.18-4.388c-.17.92-.278 1.931-.311 3.004h2.49V8.304h-2.18zm3.564 0v3.004h2.473a20.217 20.217 0 00-.31-3.004H12.7z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGlobeIcon = (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.317 4.415c-.302.027-.6.071-.89.132-.377.616-.71 1.422-.975 2.373h1.865V4.415Zm-2.748.784a7.643 7.643 0 0 0-2.242 1.72H8.02c.156-.617.34-1.193.55-1.72ZM5.34 8.304a7.567 7.567 0 0 0-.923 3.004H7.44c.03-1.048.13-2.059.29-3.004H5.34Zm-.923 4.388c.086.96.35 1.868.76 2.691H7.68a22.12 22.12 0 0 1-.24-2.69H4.417Zm1.646 4.076a7.648 7.648 0 0 0 2.507 2.033 14.154 14.154 0 0 1-.624-2.033H6.062Zm4.365 2.685c.29.06.588.105.89.132v-2.817H9.369c.277 1.087.64 2.003 1.058 2.685Zm2.274.13c.296-.026.587-.07.872-.13.417-.682.781-1.598 1.058-2.685H12.7v2.816Zm2.73-.782a7.648 7.648 0 0 0 2.507-2.033h-1.883c-.17.736-.38 1.419-.624 2.033Zm3.385-3.4a7.567 7.567 0 0 0 .768-2.709H16.56a22.127 22.127 0 0 1-.24 2.691h2.345c.052 0 .103.006.152.017ZM21 12a9 9 0 1 0-18 0 9 9 0 0 0 18 0Zm-1.416-.692H16.56a21.878 21.878 0 0 0-.29-3.004h2.391c.503.904.827 1.921.924 3.004Zm-1.91-4.388A7.643 7.643 0 0 0 15.43 5.2c.21.526.393 1.102.549 1.72h1.693Zm-4.1-2.373a7.601 7.601 0 0 0-.873-.13V6.92h1.847c-.265-.951-.598-1.757-.975-2.373Zm1.6 8.145c-.03.953-.118 1.857-.256 2.691h-2.216v-2.69h2.472Zm-3.857 0v2.691H9.082a20.497 20.497 0 0 1-.256-2.69h2.49Zm-2.18-4.388c-.17.92-.278 1.931-.311 3.004h2.49V8.304h-2.18Zm3.564 0v3.004h2.473a20.217 20.217 0 0 0-.31-3.004H12.7Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGlobeIcon;

package/src/GlobeTwoIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGlobeTwoIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.726 5.403A7.333 7.333 0 0112 4.636c2.553 0 4.803 1.3 6.124 3.273h-1.215a2.454 2.454 0 00-2.454 2.455.818.818 0 11-1.637 0 2.455 2.455 0 00-2.454-2.455v.818l-.047-.817a1.636 1.636 0 01-1.59-.973V5.455l-.001-.052zM7.09 6.51a7.358 7.358 0 00-2.272 3.853h1.454a2.455 2.455 0 012.454 2.454v.818a.818.818 0 00.818.819A2.455 2.455 0 0112 16.909v2.455a7.39 7.39 0 001.636-.183v-3.09a2.454 2.454 0 012.455-2.455h3.09a7.39 7.39 0 00-.236-4.09h-2.036a.818.818 0 00-.818.818 2.455 2.455 0 01-4.91 0 .818.818 0 00-.8-.818 3.273 3.273 0 01-3.244-2.184.818.818 0 01-.046-.271v-.58zm11.507 8.762h-2.507a.818.818 0 00-.818.818v2.507a7.395 7.395 0 003.325-3.325zm-7.228 5.705a9 9 0 10-.528-.052.815.815 0 00.528.052zm-1.006-1.797V16.91a.819.819 0 00-.819-.818 2.455 2.455 0 01-2.454-2.455v-.818A.818.818 0 006.273 12H4.636a7.367 7.367 0 005.728 7.181z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGlobeTwoIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.726 5.403A7.333 7.333 0 0 1 12 4.636c2.553 0 4.803 1.3 6.124 3.273h-1.215a2.454 2.454 0 0 0-2.454 2.455.818.818 0 1 1-1.637 0 2.455 2.455 0 0 0-2.454-2.455v.818l-.047-.817a1.636 1.636 0 0 1-1.59-.973V5.455l-.001-.052ZM7.09 6.51a7.358 7.358 0 0 0-2.272 3.853h1.454a2.455 2.455 0 0 1 2.454 2.454v.818a.818.818 0 0 0 .818.819A2.455 2.455 0 0 1 12 16.909v2.455a7.39 7.39 0 0 0 1.636-.183v-3.09a2.454 2.454 0 0 1 2.455-2.455h3.09a7.39 7.39 0 0 0-.236-4.09h-2.036a.818.818 0 0 0-.818.818 2.455 2.455 0 0 1-4.91 0 .818.818 0 0 0-.8-.818 3.273 3.273 0 0 1-3.244-2.184.818.818 0 0 1-.046-.271v-.58Zm11.507 8.762h-2.507a.818.818 0 0 0-.818.818v2.507a7.395 7.395 0 0 0 3.325-3.325Zm-7.228 5.705a9 9 0 1 0-.528-.052.815.815 0 0 0 .528.052Zm-1.006-1.797V16.91a.819.819 0 0 0-.819-.818 2.455 2.455 0 0 1-2.454-2.455v-.818A.818.818 0 0 0 6.273 12H4.636a7.367 7.367 0 0 0 5.728 7.181Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGlobeTwoIcon;

package/src/GoLiveIcon.tsx

@@ -1,17 +1,16 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGoLiveIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.057 8.53a1.091 1.091 0 10-1.543-1.544 12.002 12.002 0 000 16.972 1.091 1.091 0 101.543-1.543 9.82 9.82 0 010-13.886zm15.429-1.544a1.091 1.091 0 00-1.543 1.543 9.82 9.82 0 010 13.886 1.091 1.091 0 101.543 1.543 12.002 12.002 0 000-16.972zm-12.341 4.62a1.091 1.091 0 10-1.543-1.543 7.639 7.639 0 000 10.807 1.091 1.091 0 001.543-1.544 5.454 5.454 0 010-7.72zm9.253-1.532a1.091 1.091 0 00-1.543 1.544 5.454 5.454 0 010 7.72 1.091 1.091 0 001.543 1.543 7.638 7.638 0 000-10.807zm-6.49 5.398a1.091 1.091 0 112.183 0 1.091 1.091 0 01-2.182 0zM16 12.2a3.273 3.273 0 100 6.546 3.273 3.273 0 000-6.546z"
-        fill="currentColor"
-        fillOpacity={0.98}
-      />
-    </svg>
-  );
-}
+const SvgGoLiveIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.057 8.53a1.091 1.091 0 1 0-1.543-1.544 12.002 12.002 0 0 0 0 16.972 1.091 1.091 0 1 0 1.543-1.543 9.82 9.82 0 0 1 0-13.886Zm15.429-1.544a1.091 1.091 0 0 0-1.543 1.543 9.82 9.82 0 0 1 0 13.886 1.091 1.091 0 1 0 1.543 1.543 12.002 12.002 0 0 0 0-16.972Zm-12.341 4.62a1.091 1.091 0 1 0-1.543-1.543 7.639 7.639 0 0 0 0 10.807 1.091 1.091 0 0 0 1.543-1.544 5.454 5.454 0 0 1 0-7.72Zm9.253-1.532a1.091 1.091 0 0 0-1.543 1.544 5.454 5.454 0 0 1 0 7.72 1.091 1.091 0 0 0 1.543 1.543 7.638 7.638 0 0 0 0-10.807Zm-6.49 5.398a1.091 1.091 0 1 1 2.183 0 1.091 1.091 0 0 1-2.182 0ZM16 12.2a3.273 3.273 0 1 0 0 6.546 3.273 3.273 0 0 0 0-6.546Z"
+      fill="currentColor"
+      fillOpacity={0.98}
+    />
+  </svg>
+);
 
 export default SvgGoLiveIcon;

package/src/GoogleIcon.tsx

@@ -1,26 +1,25 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGoogleIcon(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="M20.299 12.157c0-.697-.057-1.205-.179-1.732h-7.954v3.144h4.669c-.094.781-.603 1.958-1.732 2.749l-.016.105 2.515 1.948.174.018c1.6-1.478 2.523-3.653 2.523-6.232z"
-        fill="#4285F4"
-      />
-      <path
-        d="M12.167 20.441c2.287 0 4.208-.753 5.61-2.052l-2.673-2.07c-.715.498-1.676.846-2.937.846-2.24 0-4.142-1.478-4.82-3.52l-.1.008-2.614 2.024-.034.095a8.466 8.466 0 007.568 4.67z"
-        fill="#34A853"
-      />
-      <path
-        d="M7.347 13.645a5.216 5.216 0 01-.283-1.676c0-.583.104-1.148.273-1.675l-.005-.113-2.647-2.056-.087.041a8.48 8.48 0 00-.904 3.803c0 1.365.33 2.655.905 3.803l2.748-2.127z"
-        fill="#FABB05"
-      />
-      <path
-        d="M12.167 6.773c1.59 0 2.664.687 3.276 1.261l2.39-2.334c-1.468-1.365-3.379-2.203-5.666-2.203a8.467 8.467 0 00-7.57 4.67l2.74 2.127c.687-2.043 2.59-3.521 4.83-3.521z"
-        fill="#E94235"
-      />
-    </svg>
-  );
-}
+const SvgGoogleIcon = (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="M20.299 12.157c0-.697-.057-1.205-.179-1.732h-7.954v3.144h4.669c-.094.781-.603 1.958-1.732 2.749l-.016.105 2.515 1.948.174.018c1.6-1.478 2.523-3.653 2.523-6.232Z"
+      fill="#4285F4"
+    />
+    <path
+      d="M12.167 20.441c2.287 0 4.208-.753 5.61-2.052l-2.673-2.07c-.715.498-1.676.846-2.937.846-2.24 0-4.142-1.478-4.82-3.52l-.1.008-2.614 2.024-.034.095a8.466 8.466 0 0 0 7.568 4.67Z"
+      fill="#34A853"
+    />
+    <path
+      d="M7.347 13.645a5.216 5.216 0 0 1-.283-1.676c0-.583.104-1.148.273-1.675l-.005-.113-2.647-2.056-.087.041a8.48 8.48 0 0 0-.904 3.803c0 1.365.33 2.655.905 3.803l2.748-2.127Z"
+      fill="#FABB05"
+    />
+    <path
+      d="M12.167 6.773c1.59 0 2.664.687 3.276 1.261l2.39-2.334c-1.468-1.365-3.379-2.203-5.666-2.203a8.467 8.467 0 0 0-7.57 4.67l2.74 2.127c.687-2.043 2.59-3.521 4.83-3.521Z"
+      fill="#E94235"
+    />
+  </svg>
+);
 
 export default SvgGoogleIcon;

package/src/GraduationIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGraduationIcon(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.366 5.086a.818.818 0 00-.732 0L3.452 9.177a.818.818 0 000 1.464l2.82 1.41v3.585c0 .217.087.425.24.579 1.416 1.415 3.485 2.08 5.488 2.08 2.003 0 4.072-.665 5.488-2.08a.818.818 0 00.24-.579v-3.585l1.636-.818v3.585a.818.818 0 101.636 0V9.91a.815.815 0 00-.468-.74l-8.166-4.083zm4.193 5.72a.839.839 0 00-.03.015L12 13.085 7.47 10.82a.946.946 0 00-.028-.014L5.648 9.91 12 6.733l6.352 3.176-1.793.897zm-8.65 2.063l3.725 1.863c.23.115.502.115.732 0l3.725-1.863v2.411c-1.038.897-2.537 1.38-4.091 1.38-1.555 0-3.053-.483-4.09-1.38v-2.41z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGraduationIcon = (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.366 5.086a.818.818 0 0 0-.732 0L3.452 9.177a.818.818 0 0 0 0 1.464l2.82 1.41v3.585c0 .217.087.425.24.579 1.416 1.415 3.485 2.08 5.488 2.08 2.003 0 4.072-.665 5.488-2.08a.818.818 0 0 0 .24-.579v-3.585l1.636-.818v3.585a.818.818 0 1 0 1.636 0V9.91a.815.815 0 0 0-.468-.74l-8.166-4.083Zm4.193 5.72a.839.839 0 0 0-.03.015L12 13.085 7.47 10.82a.946.946 0 0 0-.028-.014L5.648 9.91 12 6.733l6.352 3.176-1.793.897Zm-8.65 2.063 3.725 1.863c.23.115.502.115.732 0l3.725-1.863v2.411c-1.038.897-2.537 1.38-4.091 1.38-1.555 0-3.053-.483-4.09-1.38v-2.41Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGraduationIcon;

package/src/GridFourIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGridFourIcon(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 4a1 1 0 00-1 1v4.857a1 1 0 001 1h4.857a1 1 0 001-1V5a1 1 0 00-1-1H5zm9.143 0a1 1 0 00-1 1v4.857a1 1 0 001 1H19a1 1 0 001-1V5a1 1 0 00-1-1h-4.857zM4 14.143a1 1 0 011-1h4.857a1 1 0 011 1V19a1 1 0 01-1 1H5a1 1 0 01-1-1v-4.857zm10.143-1a1 1 0 00-1 1V19a1 1 0 001 1H19a1 1 0 001-1v-4.857a1 1 0 00-1-1h-4.857z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGridFourIcon = (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 4a1 1 0 0 0-1 1v4.857a1 1 0 0 0 1 1h4.857a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5Zm9.143 0a1 1 0 0 0-1 1v4.857a1 1 0 0 0 1 1H19a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-4.857ZM4 14.143a1 1 0 0 1 1-1h4.857a1 1 0 0 1 1 1V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4.857Zm10.143-1a1 1 0 0 0-1 1V19a1 1 0 0 0 1 1H19a1 1 0 0 0 1-1v-4.857a1 1 0 0 0-1-1h-4.857Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGridFourIcon;

package/src/GridIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGridIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" {...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 SvgGridIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" {...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 SvgGridIcon;

package/src/GridSixIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGridSixIcon(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 5a1 1 0 011-1h2.86a1 1 0 011 1v2.86a1 1 0 01-1 1H5a1 1 0 01-1-1V5zm5.57 0a1 1 0 011-1h2.86a1 1 0 011 1v2.86a1 1 0 01-1 1h-2.86a1 1 0 01-1-1V5zm6.57-1a1 1 0 00-1 1v2.86a1 1 0 001 1H19a1 1 0 001-1V5a1 1 0 00-1-1h-2.86zM4 10.57a1 1 0 011-1h2.86a1 1 0 011 1v2.86a1 1 0 01-1 1H5a1 1 0 01-1-1v-2.86zm1 4.57a1 1 0 00-1 1V19a1 1 0 001 1h2.86a1 1 0 001-1v-2.86a1 1 0 00-1-1H5zm4.57-4.57a1 1 0 011-1h2.86a1 1 0 011 1v2.86a1 1 0 01-1 1h-2.86a1 1 0 01-1-1v-2.86zm1 4.57a1 1 0 00-1 1V19a1 1 0 001 1h2.86a1 1 0 001-1v-2.86a1 1 0 00-1-1h-2.86zm4.57-4.57a1 1 0 011-1H19a1 1 0 011 1v2.86a1 1 0 01-1 1h-2.86a1 1 0 01-1-1v-2.86zm1 4.57a1 1 0 00-1 1V19a1 1 0 001 1H19a1 1 0 001-1v-2.86a1 1 0 00-1-1h-2.86z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgGridSixIcon = (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 5a1 1 0 0 1 1-1h2.86a1 1 0 0 1 1 1v2.86a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Zm5.57 0a1 1 0 0 1 1-1h2.86a1 1 0 0 1 1 1v2.86a1 1 0 0 1-1 1h-2.86a1 1 0 0 1-1-1V5Zm6.57-1a1 1 0 0 0-1 1v2.86a1 1 0 0 0 1 1H19a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-2.86ZM4 10.57a1 1 0 0 1 1-1h2.86a1 1 0 0 1 1 1v2.86a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2.86Zm1 4.57a1 1 0 0 0-1 1V19a1 1 0 0 0 1 1h2.86a1 1 0 0 0 1-1v-2.86a1 1 0 0 0-1-1H5Zm4.57-4.57a1 1 0 0 1 1-1h2.86a1 1 0 0 1 1 1v2.86a1 1 0 0 1-1 1h-2.86a1 1 0 0 1-1-1v-2.86Zm1 4.57a1 1 0 0 0-1 1V19a1 1 0 0 0 1 1h2.86a1 1 0 0 0 1-1v-2.86a1 1 0 0 0-1-1h-2.86Zm4.57-4.57a1 1 0 0 1 1-1H19a1 1 0 0 1 1 1v2.86a1 1 0 0 1-1 1h-2.86a1 1 0 0 1-1-1v-2.86Zm1 4.57a1 1 0 0 0-1 1V19a1 1 0 0 0 1 1H19a1 1 0 0 0 1-1v-2.86a1 1 0 0 0-1-1h-2.86Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgGridSixIcon;