@onehat/ui 0.3.262 → 0.3.263

package/src/Components/Icons/Loop.js

@@ -1,9 +1,17 @@
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 286 214.38',
-	path: <Path d="M235 25.38h-11v34h11c6.83 0 14 6 14 8.64v103.73a8.64 8.64 0 01-8.63 8.63H42.63a8.64 8.64 0 01-8.63-8.63V68a8.65 8.65 0 018.63-8.64h87v25.41L203 42.38 129.6 0v25.38h-87A42.68 42.68 0 000 68v103.75a42.67 42.67 0 0042.63 42.63h197.74A42.67 42.67 0 00283 171.75V68c0-24.38-25.34-42.62-48-42.62z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 286 214.38"
+			{...props}
+		>
+			<Path d="M235 25.38h-11v34h11c6.83 0 14 6 14 8.64v103.73a8.64 8.64 0 01-8.63 8.63H42.63a8.64 8.64 0 01-8.63-8.63V68a8.65 8.65 0 018.63-8.64h87v25.41L203 42.38 129.6 0v25.38h-87A42.68 42.68 0 000 68v103.75a42.67 42.67 0 0042.63 42.63h197.74A42.67 42.67 0 00283 171.75V68c0-24.38-25.34-42.62-48-42.62z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Loop1.js

@@ -1,12 +1,18 @@
-import { G, Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 286 214.38',
-	path: <G>
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 286 214.38"
+			{...props}
+		>
 			<Path d="M235 25.38h-11v34h11c6.83 0 14 6 14 8.64v103.73a8.64 8.64 0 01-8.63 8.63H42.63a8.64 8.64 0 01-8.63-8.63V68a8.65 8.65 0 018.63-8.64h87v25.41L203 42.38 129.6 0v25.38h-87A42.68 42.68 0 000 68v103.75a42.67 42.67 0 0042.63 42.63h197.74A42.67 42.67 0 00283 171.75V68c0-24.38-25.34-42.62-48-42.62z" />
 			<Path d="M116.53 150.07h16.32v-39.35h-14.4V98c8.64-1.68 14.16-3.84 19.92-7.44h15.12v59.51h13.68v16.56h-50.64z" />
-		</G>,
-});
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/LoopAll.js

@@ -1,12 +1,18 @@
-import { G, Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 286 214.38',
-	path: <G>
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 286 214.38"
+			{...props}
+		>
 			<Path d="M235 25.38h-11v34h11c6.83 0 14 6 14 8.63v103.74a8.64 8.64 0 01-8.63 8.63H42.63a8.64 8.64 0 01-8.63-8.63V68a8.64 8.64 0 018.63-8.63h87v25.4L203 42.38 129.6 0v25.38h-87A42.68 42.68 0 000 68v103.75a42.67 42.67 0 0042.63 42.63h197.74A42.67 42.67 0 00283 171.75V68c0-24.38-25.34-42.62-48-42.62z" />
 			<Path d="M78.11 97.63h20.8l19.8 65h-18.2L93.11 131c-1.6-6.2-3.2-14.1-4.8-20.6h-.4c-1.4 6.6-3 14.4-4.6 20.6l-7.4 31.6h-17.6zm-5.6 37.9h31.8v13.3h-31.8zM123.91 97.63h17.2v50.6h24.6v14.4h-41.8zM176.91 97.63h17.2v50.6h24.6v14.4h-41.8z" />
-		</G>,
-});
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/LowPriority.js

@@ -1,9 +1,20 @@
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M58.92 4.5L99.9 68.86c4.12 6.47-.53 14.94-8.2 14.94H9.74c-7.67 0-12.32-8.47-8.2-14.94L42.52 4.5c3.82-6 12.58-6 16.4 0zm-8.2 68.21c3.24 0 5.34-2.34 5.34-5.46-.06-3.18-2.16-5.46-5.34-5.46s-5.4 2.28-5.4 5.46 2.16 5.46 5.4 5.46zm3.42-13.92l1.32-27.18h-9.54l1.38 27.18h6.84z" strokeWidth={0} />
-});
+function SvgComponent(props) {
+  return (
+    <Icon
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 101.44 83.8"
+      {...props}
+    >
+      <Path
+        d="M58.92 4.5L99.9 68.86c4.12 6.47-.53 14.94-8.2 14.94H9.74c-7.67 0-12.32-8.47-8.2-14.94L42.52 4.5c3.82-6 12.58-6 16.4 0zm-8.2 68.21c3.24 0 5.34-2.34 5.34-5.46-.06-3.18-2.16-5.46-5.34-5.46s-5.4 2.28-5.4 5.46 2.16 5.46 5.4 5.46zm3.42-13.92l1.32-27.18h-9.54l1.38 27.18h6.84z"
+        strokeWidth={0}
+      />
+    </Icon>
+  )
+}
 
 export default SvgComponent

package/src/Components/Icons/MagnifyingGlass.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zM208 352a144 144 0 100-288 144 144 0 100 288z" />,
-});
+function SvgComponent(props) {
+  return (
+    <Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+      <Path d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zM208 352a144 144 0 100-288 144 144 0 100 288z" />
+    </Icon>
+  )
+}
 
 export default SvgComponent

package/src/Components/Icons/Maximize.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 448 512',
-	path: <Path d="M168 32H24C10.7 32 0 42.7 0 56v144c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l40-40 79 79-79 79-40-40c-6.9-6.9-17.2-8.9-26.2-5.2S0 302.3 0 312v144c0 13.3 10.7 24 24 24h144c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-40-40 79-79 79 79-40 40c-6.9 6.9-8.9 17.2-5.2 26.2S270.3 480 280 480h144c13.3 0 24-10.7 24-24V312c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2l-40 40-79-79 79-79 40 40c6.9 6.9 17.2 8.9 26.2 5.2S448 209.7 448 200V56c0-13.3-10.7-24-24-24H280c-9.7 0-18.5 5.8-22.2 14.8S256.1 66.1 263 73l40 40-79 79-79-79 40-40c6.9-6.9 8.9-17.2 5.2-26.2S177.7 32 168 32z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {...props}>
+		<Path d="M168 32H24C10.7 32 0 42.7 0 56v144c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l40-40 79 79-79 79-40-40c-6.9-6.9-17.2-8.9-26.2-5.2S0 302.3 0 312v144c0 13.3 10.7 24 24 24h144c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-40-40 79-79 79 79-40 40c-6.9 6.9-8.9 17.2-5.2 26.2S270.3 480 280 480h144c13.3 0 24-10.7 24-24V312c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2l-40 40-79-79 79-79 40 40c6.9 6.9 17.2 8.9 26.2 5.2S448 209.7 448 200V56c0-13.3-10.7-24-24-24H280c-9.7 0-18.5 5.8-22.2 14.8S256.1 66.1 263 73l40 40-79 79-79-79 40-40c6.9-6.9 8.9-17.2 5.2-26.2S177.7 32 168 32z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/MedPriority.js

@@ -1,9 +1,20 @@
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 101.44 83.8',
-	path: <Path d="M58.92 4.5L99.9 68.86c4.12 6.47-.53 14.94-8.2 14.94H9.74c-7.67 0-12.32-8.47-8.2-14.94L42.52 4.5c3.82-6 12.58-6 16.4 0zM42.68 72.71c3.24 0 5.34-2.34 5.34-5.46-.06-3.18-2.16-5.46-5.34-5.46s-5.4 2.28-5.4 5.46 2.16 5.46 5.4 5.46zm3.42-13.92l1.32-27.18h-9.54l1.38 27.18h6.84zm12.66 13.92c3.24 0 5.34-2.34 5.34-5.46-.06-3.18-2.16-5.46-5.34-5.46s-5.4 2.28-5.4 5.46 2.16 5.46 5.4 5.46zm3.42-13.92l1.32-27.18h-9.54l1.38 27.18h6.84z" strokeWidth={0} />
-});
+function SvgComponent(props) {
+  return (
+    <Icon
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 101.44 83.8"
+      {...props}
+    >
+      <Path
+        d="M58.92 4.5L99.9 68.86c4.12 6.47-.53 14.94-8.2 14.94H9.74c-7.67 0-12.32-8.47-8.2-14.94L42.52 4.5c3.82-6 12.58-6 16.4 0zM42.68 72.71c3.24 0 5.34-2.34 5.34-5.46-.06-3.18-2.16-5.46-5.34-5.46s-5.4 2.28-5.4 5.46 2.16 5.46 5.4 5.46zm3.42-13.92l1.32-27.18h-9.54l1.38 27.18h6.84zm12.66 13.92c3.24 0 5.34-2.34 5.34-5.46-.06-3.18-2.16-5.46-5.34-5.46s-5.4 2.28-5.4 5.46 2.16 5.46 5.4 5.46zm3.42-13.92l1.32-27.18h-9.54l1.38 27.18h6.84z"
+        strokeWidth={0}
+      />
+    </Icon>
+  )
+}
 
 export default SvgComponent

package/src/Components/Icons/Microphone.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 384 512',
-	path: <Path d="M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" {...props}>
+		<Path d="M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Minimize.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M456 224H312c-13.3 0-24-10.7-24-24V56c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l40 40 73.3-73.3C446 2 450.9 0 456 0s10 2 13.7 5.7l36.7 36.7C510 46 512 50.9 512 56s-2 10-5.7 13.7L433 143l40 40c6.9 6.9 8.9 17.2 5.2 26.2S465.7 224 456 224zm0 64c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-40 40 73.4 73.4c3.6 3.6 5.7 8.5 5.7 13.7s-2 10-5.7 13.7l-36.7 36.7c-3.7 3.5-8.6 5.5-13.7 5.5s-10-2-13.7-5.7L369 433l-40 40c-6.9 6.9-17.2 8.9-26.2 5.2S288 465.7 288 456V312c0-13.3 10.7-24 24-24h144zm-256 0c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-40-40-73.3 73.3C66 510 61.1 512 56 512s-10-2-13.7-5.7L5.7 469.7C2 466 0 461.1 0 456s2-10 5.7-13.7L79 369l-40-40c-6.9-6.9-8.9-17.2-5.2-26.2S46.3 288 56 288h144zM56 224c-9.7 0-18.5-5.8-22.2-14.8S32.1 189.9 39 183l40-40L5.7 69.7C2 66 0 61.1 0 56s2-10 5.7-13.7L42.3 5.7C46 2 50.9 0 56 0s10 2 13.7 5.7L143 79l40-40c6.9-6.9 17.2-8.9 26.2-5.2S224 46.3 224 56v144c0 13.3-10.7 24-24 24H56z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+		<Path d="M456 224H312c-13.3 0-24-10.7-24-24V56c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l40 40 73.3-73.3C446 2 450.9 0 456 0s10 2 13.7 5.7l36.7 36.7C510 46 512 50.9 512 56s-2 10-5.7 13.7L433 143l40 40c6.9 6.9 8.9 17.2 5.2 26.2S465.7 224 456 224zm0 64c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-40 40 73.4 73.4c3.6 3.6 5.7 8.5 5.7 13.7s-2 10-5.7 13.7l-36.7 36.7c-3.7 3.5-8.6 5.5-13.7 5.5s-10-2-13.7-5.7L369 433l-40 40c-6.9 6.9-17.2 8.9-26.2 5.2S288 465.7 288 456V312c0-13.3 10.7-24 24-24h144zm-256 0c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-40-40-73.3 73.3C66 510 61.1 512 56 512s-10-2-13.7-5.7L5.7 469.7C2 466 0 461.1 0 456s2-10 5.7-13.7L79 369l-40-40c-6.9-6.9-8.9-17.2-5.2-26.2S46.3 288 56 288h144zM56 224c-9.7 0-18.5-5.8-22.2-14.8S32.1 189.9 39 183l40-40L5.7 69.7C2 66 0 61.1 0 56s2-10 5.7-13.7L42.3 5.7C46 2 50.9 0 56 0s10 2 13.7 5.7L143 79l40-40c6.9-6.9 17.2-8.9 26.2-5.2S224 46.3 224 56v144c0 13.3-10.7 24-24 24H56z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Minus.js

@@ -1,10 +1,18 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 448 512',
-	path: <Path d="M432 256c0 17.7-14.3 32-32 32H48c-17.7 0-32-14.3-32-32s14.3-32 32-32h352c17.7 0 32 14.3 32 32z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 448 512"
+			{...props}
+		>
+			<Path d="M432 256c0 17.7-14.3 32-32 32H48c-17.7 0-32-14.3-32-32s14.3-32 32-32h352c17.7 0 32 14.3 32 32z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/MobileScreenButton.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 384 512',
-	path: <Path d="M16 64C16 28.7 44.7 0 80 0h224c35.3 0 64 28.7 64 64v384c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zm208 384c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm80-384H80v320h224V64z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" {...props}>
+		<Path d="M16 64C16 28.7 44.7 0 80 0h224c35.3 0 64 28.7 64 64v384c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zm208 384c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm80-384H80v320h224V64z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/MoneyBill.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 576 512',
-	path: <Path d="M64 64C28.7 64 0 92.7 0 128v256c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm64 320H64v-64c35.3 0 64 28.7 64 64zM64 192v-64h64c0 35.3-28.7 64-64 64zm384 192c0-35.3 28.7-64 64-64v64h-64zm64-192c-35.3 0-64-28.7-64-64h64v64zM288 352c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
+		<Path d="M64 64C28.7 64 0 92.7 0 128v256c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm64 320H64v-64c35.3 0 64 28.7 64 64zM64 192v-64h64c0 35.3-28.7 64-64 64zm384 192c0-35.3 28.7-64 64-64v64h-64zm64-192c-35.3 0-64-28.7-64-64h64v64zM288 352c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/MoneyBillWave.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 576 512',
-	path: <Path d="M0 112.5v309.8c0 18 10.1 35 27 41.3 87 32.5 174 10.3 261-11.9 79.8-20.3 159.6-40.7 239.3-18.9 23 6.3 48.7-9.5 48.7-33.4V89.7c0-18-10.1-35-27-41.3-87-32.5-174-10.3-261 11.9-79.8 20.3-159.6 40.6-239.3 18.8C25.6 72.8 0 88.6 0 112.5zM128 416H64v-64c35.3 0 64 28.7 64 64zM64 224v-64h64c0 35.3-28.7 64-64 64zm384 128c0-35.3 28.7-64 64-64v64h-64zm64-192c-35.3 0-64-28.7-64-64h64v64zm-128 96c0 61.9-43 112-96 112s-96-50.1-96-112 43-112 96-112 96 50.1 96 112zm-132-48c0 9.7 6.9 17.7 16 19.6V276h-4c-11 0-20 9-20 20s9 20 20 20h48c11 0 20-9 20-20s-9-20-20-20h-4v-68c0-11-9-20-20-20h-16c-11 0-20 9-20 20z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
+		<Path d="M0 112.5v309.8c0 18 10.1 35 27 41.3 87 32.5 174 10.3 261-11.9 79.8-20.3 159.6-40.7 239.3-18.9 23 6.3 48.7-9.5 48.7-33.4V89.7c0-18-10.1-35-27-41.3-87-32.5-174-10.3-261 11.9-79.8 20.3-159.6 40.6-239.3 18.8C25.6 72.8 0 88.6 0 112.5zM128 416H64v-64c35.3 0 64 28.7 64 64zM64 224v-64h64c0 35.3-28.7 64-64 64zm384 128c0-35.3 28.7-64 64-64v64h-64zm64-192c-35.3 0-64-28.7-64-64h64v64zm-128 96c0 61.9-43 112-96 112s-96-50.1-96-112 43-112 96-112 96 50.1 96 112zm-132-48c0 9.7 6.9 17.7 16 19.6V276h-4c-11 0-20 9-20 20s9 20 20 20h48c11 0 20-9 20-20s-9-20-20-20h-4v-68c0-11-9-20-20-20h-16c-11 0-20 9-20 20z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Mouth.js

@@ -1,12 +1,24 @@
-import { G, Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Defs, Path } from "react-native-svg"
+/* SVGR has dropped some elements not supported by react-native-svg: style */
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 188.06 146.3',
-	path: <G>
-			<Path d="M187.66 58.65c-27.43-37-49.47-56.1-67.37-58.41-11.21-1.45-18.06 4-22.58 7.66-1.3 1-3.08 2.47-3.68 2.47s-2.38-1.43-3.68-2.47C85.82 4.27 79-1.21 67.77.24 49.86 2.55 27.83 21.66.39 58.65a2 2 0 00-.39 1.5 127.23 127.23 0 0016.8 43C29.11 122.82 52.48 146.3 94 146.3s64.92-23.48 77.21-43.17a127.33 127.33 0 0016.79-43 2 2 0 00-.34-1.48zM68.28 4.2C77.8 3 83.61 7.62 87.84 11c2.34 1.89 4.16 3.37 6.16 3.37s3.85-1.48 6.18-3.35c4.24-3.4 10-8 19.57-6.82 16.42 2.13 38 21 64.15 56.14a124.43 124.43 0 01-8.05 25.32C164.31 106 140.63 131 94 131s-70.26-25-81.82-45.33a125.63 125.63 0 01-8.06-25.33C30.27 25.21 51.85 6.33 68.28 4.2z" />
-			<Path d="M94 114.91c-33.23 0-54.92-15.37-67.27-28.26C13.4 72.69 8 58.94 7.74 58.36a1.08 1.08 0 01.35-1.24C63.19 14.88 76.37 22.75 86 28.5c2.73 1.63 5.08 3 8 3s5.31-1.41 8-3c9.62-5.75 22.8-13.62 77.89 28.62a1.08 1.08 0 01.35 1.24c-.22.58-5.65 14.33-19 28.29C149 99.54 127.26 114.91 94 114.91zm51.8-17.86c-3.09-10.5-25.09-18.63-51.8-18.63s-48.72 8.13-51.8 18.63c12.36 8.56 29.39 15.71 51.8 15.71s39.47-7.15 51.83-15.71zm-42.66-66.7c-2.88 1.72-5.6 3.34-9.14 3.34s-6.27-1.62-9.14-3.34c-6.61-4-15-9-39.75 4.45 7.41 8 26.49 13.76 48.89 13.76s41.48-5.73 48.88-13.76c-24.72-13.4-33.11-8.4-39.71-4.45z" />
-			</G>,
-});
+function SvgComponent(props) {
+  return (
+    <Icon
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 188.06 146.3"
+      {...props}
+    >
+      <Defs></Defs>
+      <Path
+        d="M187.66 58.65c-27.43-37-49.47-56.1-67.37-58.41-11.21-1.45-18.06 4-22.58 7.66-1.3 1-3.08 2.47-3.68 2.47s-2.38-1.43-3.68-2.47C85.82 4.27 79-1.21 67.77.24 49.86 2.55 27.83 21.66.39 58.65a2 2 0 00-.39 1.5 127.23 127.23 0 0016.8 43C29.11 122.82 52.48 146.3 94 146.3s64.92-23.48 77.21-43.17a127.33 127.33 0 0016.79-43 2 2 0 00-.34-1.48zM68.28 4.2C77.8 3 83.61 7.62 87.84 11c2.34 1.89 4.16 3.37 6.16 3.37s3.85-1.48 6.18-3.35c4.24-3.4 10-8 19.57-6.82 16.42 2.13 38 21 64.15 56.14a124.43 124.43 0 01-8.05 25.32C164.31 106 140.63 131 94 131s-70.26-25-81.82-45.33a125.63 125.63 0 01-8.06-25.33C30.27 25.21 51.85 6.33 68.28 4.2z"
+      />
+      <Path
+        d="M94 114.91c-33.23 0-54.92-15.37-67.27-28.26C13.4 72.69 8 58.94 7.74 58.36a1.08 1.08 0 01.35-1.24C63.19 14.88 76.37 22.75 86 28.5c2.73 1.63 5.08 3 8 3s5.31-1.41 8-3c9.62-5.75 22.8-13.62 77.89 28.62a1.08 1.08 0 01.35 1.24c-.22.58-5.65 14.33-19 28.29C149 99.54 127.26 114.91 94 114.91zm51.8-17.86c-3.09-10.5-25.09-18.63-51.8-18.63s-48.72 8.13-51.8 18.63c12.36 8.56 29.39 15.71 51.8 15.71s39.47-7.15 51.83-15.71zm-42.66-66.7c-2.88 1.72-5.6 3.34-9.14 3.34s-6.27-1.62-9.14-3.34c-6.61-4-15-9-39.75 4.45 7.41 8 26.49 13.76 48.89 13.76s41.48-5.73 48.88-13.76c-24.72-13.4-33.11-8.4-39.71-4.45z"
+      />
+    </Icon>
+  )
+}
 
 export default SvgComponent

package/src/Components/Icons/Music.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v336c0 44.2-43 80-96 80s-96-35.8-96-80 43-80 96-80c11.2 0 22 1.6 32 4.6V147l-256 76.8V432c0 44.2-43 80-96 80S0 476.2 0 432s43-80 96-80c11.2 0 22 1.6 32 4.6V128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+			<Path d="M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v336c0 44.2-43 80-96 80s-96-35.8-96-80 43-80 96-80c11.2 0 22 1.6 32 4.6V147l-256 76.8V432c0 44.2-43 80-96 80S0 476.2 0 432s43-80 96-80c11.2 0 22 1.6 32 4.6V128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Na.js

@@ -1,9 +1,17 @@
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512.24 402.86',
-	path: <Path d="M0 54.41h36.81L76.09 171.3c11.39 33.02 21.44 68.25 30.17 105.7-3.16-22.64-5.5-43.14-7.02-61.48-1.52-18.34-2.28-35.61-2.28-51.8V54.41h39.66V347.4h-37L55.41 215.52c-4.05-12.27-7.88-24.86-11.48-37.76s-6.93-26.44-9.96-40.61c-.26-1.77-.66-3.92-1.23-6.45-.57-2.53-1.23-5.44-1.99-8.73.38 3.29.69 6.1.95 8.44.25 2.34.44 4.33.57 5.98l2.09 29.79 2.09 36.24c.12 2.03.22 4.49.28 7.4.06 2.91.09 6.2.09 9.87l2.09 127.71H0V54.41zM335.39 0h30.55L191.36 402.86h-30.93L335.39 0zM418.69 54.41h30.74l62.81 292.99h-39.09l-11.01-57.12h-58.07l-11.2 57.12h-37.95l63.76-292.99zm37.76 205.32l-8.73-46.68c-5.82-31.75-10.56-65.66-14.23-101.71-1.77 17.59-4.05 35.39-6.83 53.42-2.79 18.03-6.07 37.16-9.87 57.4l-7.21 37.57h46.87z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 512.24 402.86"
+			{...props}
+		>
+			<Path d="M0 54.41h36.81L76.09 171.3c11.39 33.02 21.44 68.25 30.17 105.7-3.16-22.64-5.5-43.14-7.02-61.48-1.52-18.34-2.28-35.61-2.28-51.8V54.41h39.66V347.4h-37L55.41 215.52c-4.05-12.27-7.88-24.86-11.48-37.76s-6.93-26.44-9.96-40.61c-.26-1.77-.66-3.92-1.23-6.45-.57-2.53-1.23-5.44-1.99-8.73.38 3.29.69 6.1.95 8.44.25 2.34.44 4.33.57 5.98l2.09 29.79 2.09 36.24c.12 2.03.22 4.49.28 7.4.06 2.91.09 6.2.09 9.87l2.09 127.71H0V54.41zM335.39 0h30.55L191.36 402.86h-30.93L335.39 0zM418.69 54.41h30.74l62.81 292.99h-39.09l-11.01-57.12h-58.07l-11.2 57.12h-37.95l63.76-292.99zm37.76 205.32l-8.73-46.68c-5.82-31.75-10.56-65.66-14.23-101.71-1.77 17.59-4.05 35.39-6.83 53.42-2.79 18.03-6.07 37.16-9.87 57.4l-7.21 37.57h46.87z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/NoLoop.js

@@ -1,9 +1,14 @@
-import { G, Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 286 214.38',
-	path: <G>
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 286 214.38"
+			{...props}
+		>
 			<Path d="M247.92 25.78a43.53 43.53 0 00-5.78-.4h-11v11.09zM41.14 157.57V68a8.65 8.65 0 018.63-8.64h87v25.41l73.4-42.39L136.74 0v25.38h-87A42.68 42.68 0 007.14 68v103.75a42.61 42.61 0 00.6 7.1zM256.14 83.39v88.36a8.64 8.64 0 01-8.63 8.63H104l-53.35 34h196.86a42.68 42.68 0 0042.63-42.63V68a34.4 34.4 0 00-.53-6z" />
 			<Path
 				d="M9.14 209.38L293.14 28.38"
@@ -12,10 +17,8 @@ const SvgComponent = createIcon({
 				strokeWidth="34px"
 				fill="none"
 			/>
-		</G>,
-});
-
-
-
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/NoReorderRows.js

@@ -1,19 +1,25 @@
-import { G, Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 513.2 512.1',
-	path: <G>
-				<Path d="M1.1 0H513.2V512.1H1.1z" fill="none" />
-				<Path
-					d="M472.3 40.8L23.8 489.3"
-					stroke="#000"
-					strokeMiterlimit={10}
-					strokeWidth="50px"
-					fill="none"
-				/>
-				<Path d="M246.4 481.9c22 0 39.8-17.8 39.8-39.8v-39.5c0-18.92-13.17-34.72-30.85-38.78L137.27 481.9H246.4zM39.8 362.8c-22 0-39.8 17.8-39.8 39.8v4.43l44.23-44.23H39.8zM39.8 197.6c-22 0-39.8 17.8-39.8 39.8v39.5c0 22 17.8 39.8 39.8 39.8h50.53l119.1-119.1H39.8zM286.2 111.6V72.1c0-22-17.8-39.8-39.8-39.8H39.8C17.8 32.3 0 50.1 0 72.1v39.6c0 22 17.8 39.8 39.8 39.8h206.6c3.66 0 7.2-.51 10.57-1.43l27.77-27.77c.94-3.41 1.46-6.99 1.46-10.69zM448.22 170.95c1.88 2.78 2.98 6.14 2.98 9.75v191.2c0 9.6-7.8 17.5-17.5 17.5H340v61h93.7c43.3 0 78.5-35.2 78.5-78.5V180.7c-.05-20.42-7.91-39.03-20.72-53.01l-43.25 43.25zM416.28 202.89l-23.56 23.56c11.98-.32 23.3-9.6 23.56-23.56z" />
-			</G>,
-});
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 513.2 512.1"
+			{...props}
+		>
+			<Path d="M1.1 0H513.2V512.1H1.1z" fill="none" />
+			<Path
+				d="M472.3 40.8L23.8 489.3"
+				stroke="#000"
+				strokeMiterlimit={10}
+				strokeWidth="50px"
+				fill="none"
+			/>
+			<Path d="M246.4 481.9c22 0 39.8-17.8 39.8-39.8v-39.5c0-18.92-13.17-34.72-30.85-38.78L137.27 481.9H246.4zM39.8 362.8c-22 0-39.8 17.8-39.8 39.8v4.43l44.23-44.23H39.8zM39.8 197.6c-22 0-39.8 17.8-39.8 39.8v39.5c0 22 17.8 39.8 39.8 39.8h50.53l119.1-119.1H39.8zM286.2 111.6V72.1c0-22-17.8-39.8-39.8-39.8H39.8C17.8 32.3 0 50.1 0 72.1v39.6c0 22 17.8 39.8 39.8 39.8h206.6c3.66 0 7.2-.51 10.57-1.43l27.77-27.77c.94-3.41 1.46-6.99 1.46-10.69zM448.22 170.95c1.88 2.78 2.98 6.14 2.98 9.75v191.2c0 9.6-7.8 17.5-17.5 17.5H340v61h93.7c43.3 0 78.5-35.2 78.5-78.5V180.7c-.05-20.42-7.91-39.03-20.72-53.01l-43.25 43.25zM416.28 202.89l-23.56 23.56c11.98-.32 23.3-9.6 23.56-23.56z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/ObjectGroupRegular.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 576 512',
-	path: <Path d="M128 160c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32v-96zm160 160c35.3 0 64-28.7 64-64v-32h64c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H288c-17.7 0-32-14.3-32-32v-32h32zM48 115.8c-9.82-9.7-16-21.58-16-35.8 0-26.51 21.49-48 48-48 14.22 0 26.1 6.18 35.8 16h344.4c8.8-9.82 21.6-16 35.8-16 26.5 0 48 21.49 48 48 0 14.22-6.2 26.1-16 35.8v280.4c9.8 8.8 16 21.6 16 35.8 0 26.5-21.5 48-48 48-14.2 0-27-6.2-35.8-16H115.8c-9.7 9.8-21.58 16-35.8 16-26.51 0-48-21.5-48-48 0-14.2 6.18-27 16-35.8V115.8zm48 9.5v261.4c13.6 4.9 24.4 15.7 29.3 29.3h325.4c4.9-13.6 15.7-24.4 29.3-29.3V125.3c-13.6-4.9-24.4-15.7-29.3-29.3H125.3c-4.9 13.6-15.7 24.4-29.3 29.3z" />
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
+		<Path d="M128 160c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32v-96zm160 160c35.3 0 64-28.7 64-64v-32h64c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H288c-17.7 0-32-14.3-32-32v-32h32zM48 115.8c-9.82-9.7-16-21.58-16-35.8 0-26.51 21.49-48 48-48 14.22 0 26.1 6.18 35.8 16h344.4c8.8-9.82 21.6-16 35.8-16 26.5 0 48 21.49 48 48 0 14.22-6.2 26.1-16 35.8v280.4c9.8 8.8 16 21.6 16 35.8 0 26.5-21.5 48-48 48-14.2 0-27-6.2-35.8-16H115.8c-9.7 9.8-21.58 16-35.8 16-26.51 0-48-21.5-48-48 0-14.2 6.18-27 16-35.8V115.8zm48 9.5v261.4c13.6 4.9 24.4 15.7 29.3 29.3h325.4c4.9-13.6 15.7-24.4 29.3-29.3V125.3c-13.6-4.9-24.4-15.7-29.3-29.3H125.3c-4.9 13.6-15.7 24.4-29.3 29.3z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Pause.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 320 512',
-	path: <Path d="M48 64C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48h-32z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" {...props}>
+			<Path d="M48 64C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48h-32z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Pdf.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M0 64C0 28.7 28.7 0 64 0h160v128c0 17.7 14.3 32 32 32h128v144H176c-35.3 0-64 28.7-64 64v144H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0l128 128zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56h-16v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-32c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-16v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z" />
-});
+function SvgComponent(props) {
+  return (
+    <Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+      <Path d="M0 64C0 28.7 28.7 0 64 0h160v128c0 17.7 14.3 32 32 32h128v144H176c-35.3 0-64 28.7-64 64v144H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0l128 128zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56h-16v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-32c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-16v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z" />
+    </Icon>
+  )
+}
 
 export default SvgComponent

package/src/Components/Icons/Pencil.js

@@ -1,10 +1,18 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1-33.9-33.9-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2l199.2-199.2 22.6-22.7zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9l-78.2 23 23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7l-14.4 14.5-22.6 22.6-11.4 11.3 33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5l-39.3-39.4c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 512 512"
+			{...props}
+		>
+			<Path d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1-33.9-33.9-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2l199.2-199.2 22.6-22.7zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9l-78.2 23 23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7l-14.4 14.5-22.6 22.6-11.4 11.3 33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5l-39.3-39.4c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent

package/src/Components/Icons/Phone.js

@@ -1,10 +1,14 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import { Path } from 'react-native-svg';
-import { createIcon } from '@gluestack-ui/themed';
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
 
-const SvgComponent = createIcon({
-	viewBox: '0 0 512 512',
-	path: <Path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z" />,
-});
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+			<Path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z" />
+		</Icon>
+	)
+}
 
 export default SvgComponent