@onehat/ui 0.3.259 → 0.3.262

package/src/Components/Icons/Rate-1.75x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.14a30.25 30.25 0 0010.63-3.67H19v44.61h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM70 50.1H45.1v-5.54h32.21v3.95C65.47 63.64 63 75 62.19 94.54h-6.64C56.39 75.69 60.14 63.81 70 50.1zM76.65 88.62l3.18-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.2-11-10.6-11c-3.45 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H88.07l-1.32 14.83a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.9 21.9 0 01-16.43-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.21h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.72l-11.49 18.88 12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.83h-.32c-1.3 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-1x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
-			<Path d="M0 0H142.79V142.79H0z" fill="none" />
-			<Path d="M41 89.17h11.45v-36.8h-9.11v-4.15A30.25 30.25 0 0054 44.55h4.9v44.62h10.32v5.37H41z" />
-			<Path d="M81.45 74.66L69.93 56.44h7L82 64.8c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L89.35 75.33l12.45 19.21h-7l-5.62-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86H69z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
+				<Path d="M0 0H142.79V142.79H0z" fill="none" />
+				<Path d="M41 89.17h11.45v-36.8h-9.11v-4.15A30.25 30.25 0 0054 44.55h4.9v44.62h10.32v5.37H41z" />
+				<Path d="M81.45 74.66L69.93 56.44h7L82 64.8c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L89.35 75.33l12.45 19.21h-7l-5.62-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86H69z" />
+			</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-2x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M39.64 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.71-.22 5.82-.43 8.41-.43h14.46v5.54H39.64z" />
 			<Path d="M83.14 74.66L71.61 56.44h7l5.1 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.31c1.16-2.09 2.29-4.25 3.45-6.34l4.65-8.36h6.72L91 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.68z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-.25x.js

@@ -1,20 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.11 90.6a4.67 4.67 0 114.67 4.88 4.72 4.72 0 01-4.67-4.88zM28.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.68-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.61 18.7-20.4 31.1 2.71-.23 5.8-.44 8.41-.44h14.44v5.54H28.77z" />
 			<Path d="M60.64 88.62l3.18-4.2c3 3 6.73 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.2-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H72.06l-1.32 14.9a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M105.33 74.66L93.81 56.44h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.71l-11.48 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.31 2.2-2.54 4.52-3.85 6.84l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-.5x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
-			<Path d="M0 0H142.79V142.79H0z" fill="none" />
-			<Path d="M33.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM44.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.08 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.61 1.06-8.58 3l-3.43-2.17 1.65-24.07h25v5.54H55.53l-1.32 14.9a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.82 17a21.92 21.92 0 01-16.44-6.9z" />
-			<Path d="M88.8 74.66L77.27 56.44h7l5.09 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L96.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
+				<Path d="M0 0H142.79V142.79H0z" fill="none" />
+				<Path d="M33.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM44.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.08 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.61 1.06-8.58 3l-3.43-2.17 1.65-24.07h25v5.54H55.53l-1.32 14.9a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.82 17a21.92 21.92 0 01-16.44-6.9z" />
+				<Path d="M88.8 74.66L77.27 56.44h7l5.09 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L96.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.72z" />
+			</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-.75x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM54 50.1H29.1v-5.54h32.21v3.95C49.47 63.64 47 75 46.19 94.54h-6.65c.85-18.85 4.6-30.73 14.46-44.44zM60.64 88.62l3.19-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H72.06l-1.32 14.83a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M105.33 74.66L93.81 56.45h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.71l-11.48 18.88 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.83h-.32c-1.31 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1.25x.js

@@ -1,20 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.15a30.25 30.25 0 0010.63-3.67H19v44.62h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM44.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.72-.23 5.81-.44 8.42-.44h14.45v5.54H44.77z" />
 			<Path d="M76.64 88.62l3.19-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.94-4.42 10.94-11.38s-4.21-11-10.61-11c-3.45 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H88.07l-1.33 14.9a15.06 15.06 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.22h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.72l-11.49 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.3 2.2-2.54 4.52-3.85 6.84l-5.17 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1.5x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.65 89.17H29.1v-36.8H20v-4.15a30.25 30.25 0 0010.63-3.67h4.92v44.62h10.31v5.37H17.65zM49.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM60.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H71.53l-1.32 14.9a15 15 0 017.67-2.07c8.53 0 15.5 4.86 15.5 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M104.8 74.66L93.28 56.44h7l5.1 8.36c1.16 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L112.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.15-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1.75x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.14a30.25 30.25 0 0010.63-3.67H19v44.61h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM70 50.1H45.1v-5.54h32.21v3.95C65.47 63.64 63 75 62.19 94.54h-6.64C56.39 75.69 60.14 63.81 70 50.1zM76.65 88.62l3.18-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.2-11-10.6-11c-3.45 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H88.07l-1.32 14.83a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.9 21.9 0 01-16.43-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.21h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.72l-11.49 18.88 12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.83h-.32c-1.3 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M41 89.17h11.45v-36.8h-9.11v-4.15A30.25 30.25 0 0054 44.55h4.9v44.62h10.32v5.37H41z" />
 			<Path d="M81.45 74.66L69.93 56.44h7L82 64.8c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L89.35 75.33l12.45 19.21h-7l-5.62-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86H69z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-2x.js

@@ -1,19 +1,13 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M39.64 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.71-.22 5.82-.43 8.41-.43h14.46v5.54H39.64z" />
 			<Path d="M83.14 74.66L71.61 56.44h7l5.1 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.31c1.16-2.09 2.29-4.25 3.45-6.34l4.65-8.36h6.72L91 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.68z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RectangleXmark.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm111 143c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm111 143c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/RectangleXmarkRegular.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M175 175c9.4-9.3 24.6-9.3 33.1 0l47 47.1L303 175c9.4-9.3 24.6-9.3 33.1 0 10.2 9.4 10.2 24.6 0 33.1l-46.2 47 46.2 47.9c10.2 9.4 10.2 24.6 0 33.1-8.5 10.2-23.7 10.2-33.1 0l-47.9-46.2-47 46.2c-8.5 10.2-23.7 10.2-33.1 0-9.3-8.5-9.3-23.7 0-33.1l47.1-47.9-47.1-47c-9.3-8.5-9.3-23.7 0-33.1zM0 96c0-35.35 28.65-64 64-64h384c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V96zm48 0v320c0 8.8 7.16 16 16 16h384c8.8 0 16-7.2 16-16V96c0-8.84-7.2-16-16-16H64c-8.84 0-16 7.16-16 16z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M175 175c9.4-9.3 24.6-9.3 33.1 0l47 47.1L303 175c9.4-9.3 24.6-9.3 33.1 0 10.2 9.4 10.2 24.6 0 33.1l-46.2 47 46.2 47.9c10.2 9.4 10.2 24.6 0 33.1-8.5 10.2-23.7 10.2-33.1 0l-47.9-46.2-47 46.2c-8.5 10.2-23.7 10.2-33.1 0-9.3-8.5-9.3-23.7 0-33.1l47.1-47.9-47.1-47c-9.3-8.5-9.3-23.7 0-33.1zM0 96c0-35.35 28.65-64 64-64h384c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V96zm48 0v320c0 8.8 7.16 16 16 16h384c8.8 0 16-7.2 16-16V96c0-8.84-7.2-16-16-16H64c-8.84 0-16 7.16-16 16z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/ReorderRows.js

@@ -1,21 +1,15 @@
-import * as React from "react"
-import Svg, { G, Path, Rect } from "react-native-svg"
-import { Icon } from 'native-base';
+import { G, Path, Rect } from "react-native-svg"
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 513.12 512.06"
-			{...props}
-		>
+const SvgComponent = createIcon({
+	viewBox: '0 0 513.12 512.06',
+	path: <G>
 			<Path d="M1.06 0H513.1199999999999V512.06H1.06z" fill="none" />
 			<Rect y={362.66} width={286.25} height={119.23} rx={39.85} ry={39.85} />
 			<Rect y={197.43} width={286.25} height={119.23} rx={39.85} ry={39.85} />
 			<Rect y={32.2} width={286.25} height={119.23} rx={39.85} ry={39.85} />
 			<Path d="M433.7 102.19h-17.43V62.28c0-21.4-25.9-32.1-41-17l-70 70.1c-9.4 9.3-9.4 24.5 0 33.9l70 70.1c15.1 15.1 41 4.4 41-17v-39.19h17.43c9.64 0 17.48 7.84 17.48 17.48v191.21c0 9.64-7.84 17.48-17.48 17.48h-93.69v61h93.69c43.27 0 78.48-35.21 78.48-78.48V180.67c0-43.27-35.21-78.48-78.48-78.48z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RightFromBracket.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96C43 32 0 75 0 128v256c0 53 43 96 96 96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H96c-17.7 0-32-14.3-32-32V128c0-17.7 14.3-32 32-32h64zm344.5 177.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6S320 110.5 320 120v72H192c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32h128v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96C43 32 0 75 0 128v256c0 53 43 96 96 96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H96c-17.7 0-32-14.3-32-32V128c0-17.7 14.3-32 32-32h64zm344.5 177.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6S320 110.5 320 120v72H192c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32h128v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/RightLeft.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-  return (
-    <Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-      <Path d="M32 96h320V32c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l96 96c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-96 96c-9.2 9.2-22.9 11.9-34.9 6.9S352 236.8 352 223.8V160H32c-17.7 0-32-14.3-32-32s14.3-32 32-32zm448 256c17.7 0 32 14.3 32 32s-14.3 32-32 32H160v64c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-96-96c-6-6-9.4-14.1-9.4-22.6s3.4-16.6 9.4-22.6l96-96c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v64h320z" />
-    </Icon>
-  )
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M32 96h320V32c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l96 96c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-96 96c-9.2 9.2-22.9 11.9-34.9 6.9S352 236.8 352 223.8V160H32c-17.7 0-32-14.3-32-32s14.3-32 32-32zm448 256c17.7 0 32 14.3 32 32s-14.3 32-32 32H160v64c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-96-96c-6-6-9.4-14.1-9.4-22.6s3.4-16.6 9.4-22.6l96-96c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v64h320z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/RightToBracket.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M352 96h64c17.7 0 32 14.3 32 32v256c0 17.7-14.3 32-32 32h-64c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c53 0 96-43 96-96V128c0-53-43-96-96-96h-64c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-7.5 177.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6S160 110.5 160 120v72H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32h128v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M352 96h64c17.7 0 32 14.3 32 32v256c0 17.7-14.3 32-32 32h-64c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c53 0 96-43 96-96V128c0-53-43-96-96-96h-64c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-7.5 177.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6S160 110.5 160 120v72H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32h128v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rotate.js

@@ -1,18 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 512 512"
-			{...props}
-		>
-			<Path d="M142.9 142.9c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2S334.3 224 344 224h128c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2S461.9 48.1 455 55l-41.6 41.6c-87.6-86.5-228.7-86.2-315.8 1-24.4 24.4-42 53.1-52.8 83.8-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM16 312v128c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1 24.4-24.4 42.1-53.1 52.9-83.7 5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8-62.2 62.2-162.7 62.5-225.3 1L185 329c6.9-6.9 8.9-17.2 5.2-26.2S177.7 288 168 288H40c-13.3 0-24 10.7-24 24z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M142.9 142.9c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2S334.3 224 344 224h128c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2S461.9 48.1 455 55l-41.6 41.6c-87.6-86.5-228.7-86.2-315.8 1-24.4 24.4-42 53.1-52.8 83.8-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM16 312v128c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1 24.4-24.4 42.1-53.1 52.9-83.7 5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8-62.2 62.2-162.7 62.5-225.3 1L185 329c6.9-6.9 8.9-17.2 5.2-26.2S177.7 288 168 288H40c-13.3 0-24 10.7-24 24z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/RotateLeft.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M48.5 224H40c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2S50.1 48.1 57 55l41.6 41.6c87.6-86.5 228.7-86.2 315.8 1 87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2S177.7 224 168 224H48.5z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M48.5 224H40c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2S50.1 48.1 57 55l41.6 41.6c87.6-86.5 228.7-86.2 315.8 1 87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2S177.7 224 168 224H48.5z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/RotateRight.js

@@ -1,18 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 512 512"
-			{...props}
-		>
-			<Path d="M463.5 224h8.5c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2S461.9 48.1 455 55l-41.6 41.6c-87.6-86.5-228.7-86.2-315.8 1-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2S334.3 224 344 224h119.5z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M463.5 224h8.5c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2S461.9 48.1 455 55l-41.6 41.6c-87.6-86.5-228.7-86.2-315.8 1-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2S334.3 224 344 224h119.5z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/ScrewdriverWrench.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-			<Path d="M78.6 5c-9.5-7.4-23-6.5-31.6 2L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4H158l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3L192 158v-54c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1 0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9l117.8-117.8c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16v-57.5c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0c-79.5 0-144 64.5-144 144v.8l85.3 85.3c36-9.1 75.8.5 104 28.7l15.7 15.7c49-23 83-72.8 83-130.5zM56 432a24 24 0 1148 0 24 24 0 11-48 0z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M78.6 5c-9.5-7.4-23-6.5-31.6 2L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4H158l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3L192 158v-54c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1 0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9l117.8-117.8c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16v-57.5c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0c-79.5 0-144 64.5-144 144v.8l85.3 85.3c36-9.1 75.8.5 104 28.7l15.7 15.7c49-23 83-72.8 83-130.5zM56 432a24 24 0 1148 0 24 24 0 11-48 0z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/Scroll.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props}>
-		<Path d="M0 80v48c0 17.7 14.3 32 32 32h64V80c0-26.5-21.5-48-48-48S0 53.5 0 80zm112-48c10 13.4 16 30 16 48v304c0 35.3 28.7 64 64 64s64-28.7 64-64v-5.3c0-32.4 26.3-58.7 58.7-58.7H480V128c0-53-43-96-96-96H112zm352 448c61.9 0 112-50.1 112-112 0-8.8-7.2-16-16-16H314.7c-14.7 0-26.7 11.9-26.7 26.7v5.3c0 53-43 96-96 96h272z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 576 512',
+	path: <Path d="M0 80v48c0 17.7 14.3 32 32 32h64V80c0-26.5-21.5-48-48-48S0 53.5 0 80zm112-48c10 13.4 16 30 16 48v304c0 35.3 28.7 64 64 64s64-28.7 64-64v-5.3c0-32.4 26.3-58.7 58.7-58.7H480V128c0-53-43-96-96-96H112zm352 448c61.9 0 112-50.1 112-112 0-8.8-7.2-16-16-16H314.7c-14.7 0-26.7 11.9-26.7 26.7v5.3c0 53-43 96-96 96h272z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/Share.js

@@ -1,14 +1,10 @@
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path } from 'react-native-svg';
+import { createIcon } from '@gluestack-ui/themed';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-			<Path d="M307 34.8c-11.5 5.1-19 16.6-19 29.2v64H176C78.8 128 0 206.8 0 304c0 113.3 81.5 163.9 100.2 174.1 2.5 1.4 5.3 1.9 8.1 1.9 10.9 0 19.7-8.9 19.7-19.7 0-7.5-4.3-14.4-9.8-19.5-9.4-8.9-22.2-26.4-22.2-56.8 0-53 43-96 96-96h96v64c0 12.6 7.4 24.1 19 29.2s25 3 34.4-5.4l160-144c6.7-6.1 10.6-14.7 10.6-23.8s-3.8-17.7-10.6-23.8l-160-144a31.76 31.76 0 00-34.4-5.4z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	viewBox: '0 0 512 512',
+	path: <Path d="M307 34.8c-11.5 5.1-19 16.6-19 29.2v64H176C78.8 128 0 206.8 0 304c0 113.3 81.5 163.9 100.2 174.1 2.5 1.4 5.3 1.9 8.1 1.9 10.9 0 19.7-8.9 19.7-19.7 0-7.5-4.3-14.4-9.8-19.5-9.4-8.9-22.2-26.4-22.2-56.8 0-53 43-96 96-96h96v64c0 12.6 7.4 24.1 19 29.2s25 3 34.4-5.4l160-144c6.7-6.1 10.6-14.7 10.6-23.8s-3.8-17.7-10.6-23.8l-160-144a31.76 31.76 0 00-34.4-5.4z" />,
+});
 
 export default SvgComponent