diff --git a/App/Containers/ClothsScreen.js b/App/Containers/ClothsScreen.js
index 6c3b725..bf0e529 100644
--- a/App/Containers/ClothsScreen.js
+++ b/App/Containers/ClothsScreen.js
@@ -5,7 +5,7 @@ import { ScrollView,  KeyboardAvoidingView,ImageBackground,
   ActivityIndicator,
   Image,
   TouchableOpacity } from 'react-native'
-import {Header,Left,Body,Right,Container,Content,Footer, Text,Button} from 'native-base'
+import {Header,Left,Body,Right,Container,Content,Footer, Text,Button, Icon} from 'native-base'
 import { connect } from 'react-redux'
 // Add Actions - replace 'Your' with whatever your reducer is called :)
 // import YourActions from '../Redux/YourRedux'
@@ -18,48 +18,48 @@ const summer = [
   {
       id: 1,
       title: 'Gul Ahmad',
-      img: require('../Images/men1.png'),
+      img: require('../Images/menn1.png'),
       price: 350
   },
   {
     id: 1,
     title: 'Alkaram',
-    img: require('../Images/men2.png'),
+    img: require('../Images/menn2.png'),
     price: 350
 },
 {
   id: 1,
   title: 'Grace',
-  img: require('../Images/men1.png'),
+  img: require('../Images/menn7.png'),
   price: 350
 },
 {
 id: 1,
 title: 'Local',
-img: require('../Images/men2.png'),
+img: require('../Images/menn4.png'),
 price: 350
 },
 {
   id: 1,
-  title: 'UnStitched Cloths',
-  img: require('../Images/men1.png'),
+  title: 'Grace',
+  img: require('../Images/menn5.png'),
   price: 350
 },
 {
 id: 1,
-title: 'Stitched Cloths',
-img: require('../Images/men2.png'),
+title: 'Gul Ahmad',
+img: require('../Images/menn6.png'),
 price: 350
 },  {
   id: 1,
-  title: 'UnStitched Cloths',
-  img: require('../Images/men1.png'),
+  title: 'Alkaram',
+  img: require('../Images/menn7.png'),
   price: 350
 },
 {
 id: 1,
-title: 'Stitched Cloths',
-img: require('../Images/men2.png'),
+title: 'Grace',
+img: require('../Images/menn2.png'),
 price: 350
 }
 ]
@@ -137,28 +137,33 @@ class ClothsScreen extends Component {
     return (
       <Container>
       <Header>
-        <Left style={{flex:1}}>
-          <Button full style={{flex:1,borderWidth:2,backgroundColor:this.state.buttonColorm, borderColor:'black',justifyContent:'center'}}
+        <Left style={{flex:1}}>         
+            <Icon style={{ fontSize: 50 }} name="arrow-round-back"
+            onPress={()=>this.props.navigation.navigate('HomeScreen')}/> 
+        </Left>
+        <Right style={{flex:1}}>
+        </Right>
+      </Header>
+      <Content style={{flex:1,backgroundColor:'#F5F5F5'}}>
+        <View style={{flexDirection:'row',backgroundColor:'#F5F5F5',margin:10}}>
+        <Button full style={{flex:1,borderWidth:2,backgroundColor:this.state.buttonColorm, borderColor:'black',justifyContent:'center'}}
           onPress={this.summer}>
             <Text style={{color:this.state.textColorm}}>Summer</Text>
           </Button>
-        </Left>
-        <Right style={{flex:1}}>
           <Button full style={{flex:1,backgroundColor:this.state.buttonColorw, borderWidth:2, borderColor:'black',justifyContent:'center'}}
           onPress={this.winter}>
             <Text style={{color:this.state.textColorw}}>Winter</Text>
           </Button>
-        </Right>
-      </Header>
-      <Content style={{flex:1}}>
+
+        </View>
          <View style={styles.MainContainer}>
         <FlatList
           data={this.state.DISHES}
           renderItem={({ item }) => (
             <View style={{ flex: 1, flexDirection: 'column', margin: 5, justifyContent:'center' }}>
               <Image style={styles.imageThumbnail} source={item.img} />
-              <Text style={{  alignContent:'center', fontSize:30}}>{item.title}</Text>
-              <Text style={{  alignContent:'center', fontSize:20}}>{item.price}</Text>
+              <Text style={{  alignContent:'center', fontSize:25}}>{item.title}</Text>
+              <Text style={{  alignContent:'center', fontSize:15}}>Rs {item.price}</Text>
             </View>
           )}
           //Setting the number of column
diff --git a/App/Containers/HomeScreen.js b/App/Containers/HomeScreen.js
index 0a5cf31..7cf4e20 100644
--- a/App/Containers/HomeScreen.js
+++ b/App/Containers/HomeScreen.js
@@ -61,7 +61,8 @@ class HomeScreen extends Component {
 
     const rows = this.state.DISHES.map((value, index) => {
       return ( 
-        <Button style={{width:350,height:300, margin:30, justifyContent:'center', alignContent:'center', borderWidth:3,borderColor:'black'}}>
+        <Button style={{width:350,height:300, margin:30, justifyContent:'center', alignContent:'center', borderWidth:3,borderColor:'black'}}
+        onPress={()=>this.props.navigation.navigate('ClothsScreen')}>
           <ImageBackground style={{width:350,height:300, justifyContent:'center', alignContent:'center'}} resizeMode='cover' source={value.img}>
             <Text style={{color:'black',fontSize:30,marginLeft:50,marginRight:50, backgroundColor:'blue'}}>{value.title}</Text>
           </ImageBackground>
diff --git a/App/Containers/Styles/ClothsScreenStyle.js b/App/Containers/Styles/ClothsScreenStyle.js
index 3a441fc..318058e 100644
--- a/App/Containers/Styles/ClothsScreenStyle.js
+++ b/App/Containers/Styles/ClothsScreenStyle.js
@@ -12,5 +12,7 @@ export default StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     height: 100,
+    width:150,
+    margin:5
   },
 })
diff --git a/App/Images/menn1.png b/App/Images/menn1.png
new file mode 100644
index 0000000..8607b6c
Binary files /dev/null and b/App/Images/menn1.png differ
diff --git a/App/Images/menn2.png b/App/Images/menn2.png
new file mode 100644
index 0000000..9877fa6
Binary files /dev/null and b/App/Images/menn2.png differ
diff --git a/App/Images/menn3.png b/App/Images/menn3.png
new file mode 100644
index 0000000..798d90d
Binary files /dev/null and b/App/Images/menn3.png differ
diff --git a/App/Images/menn4.png b/App/Images/menn4.png
new file mode 100644
index 0000000..7fc6ab3
Binary files /dev/null and b/App/Images/menn4.png differ
diff --git a/App/Images/menn5.png b/App/Images/menn5.png
new file mode 100644
index 0000000..aeced62
Binary files /dev/null and b/App/Images/menn5.png differ
diff --git a/App/Images/menn6.png b/App/Images/menn6.png
new file mode 100644
index 0000000..a729c24
Binary files /dev/null and b/App/Images/menn6.png differ
diff --git a/App/Images/menn7.png b/App/Images/menn7.png
new file mode 100644
index 0000000..6218cd1
Binary files /dev/null and b/App/Images/menn7.png differ
diff --git a/App/Navigation/AppNavigation.js b/App/Navigation/AppNavigation.js
index 38b8f43..15d29c8 100644
--- a/App/Navigation/AppNavigation.js
+++ b/App/Navigation/AppNavigation.js
@@ -15,7 +15,7 @@ const PrimaryNav = createStackNavigator({
 }, {
   // Default config for all screens
   headerMode: 'none',
-  initialRouteName: 'ClothsScreen',
+  initialRouteName: 'SplashScreen',
   navigationOptions: {
     headerStyle: styles.header
   }
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 572d0bf..2a0ac57 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -138,6 +138,7 @@ android {
 }
 
 dependencies {
+    implementation project(':react-native-vector-icons')
     implementation project(':react-native-device-info')
     implementation project(':react-native-gesture-handler')
     implementation fileTree(dir: "libs", include: ["*.jar"])
diff --git a/android/app/src/main/assets/fonts/AntDesign.ttf b/android/app/src/main/assets/fonts/AntDesign.ttf
new file mode 100644
index 0000000..2abf035
Binary files /dev/null and b/android/app/src/main/assets/fonts/AntDesign.ttf differ
diff --git a/android/app/src/main/assets/fonts/Entypo.ttf b/android/app/src/main/assets/fonts/Entypo.ttf
new file mode 100644
index 0000000..1c8f5e9
Binary files /dev/null and b/android/app/src/main/assets/fonts/Entypo.ttf differ
diff --git a/android/app/src/main/assets/fonts/EvilIcons.ttf b/android/app/src/main/assets/fonts/EvilIcons.ttf
new file mode 100644
index 0000000..6868f7b
Binary files /dev/null and b/android/app/src/main/assets/fonts/EvilIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/Feather.ttf b/android/app/src/main/assets/fonts/Feather.ttf
new file mode 100644
index 0000000..852c713
Binary files /dev/null and b/android/app/src/main/assets/fonts/Feather.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome.ttf b/android/app/src/main/assets/fonts/FontAwesome.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf
new file mode 100644
index 0000000..5f72e91
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf
new file mode 100644
index 0000000..a309313
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf
new file mode 100644
index 0000000..7ece328
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf differ
diff --git a/android/app/src/main/assets/fonts/Fontisto.ttf b/android/app/src/main/assets/fonts/Fontisto.ttf
new file mode 100755
index 0000000..96e2e81
Binary files /dev/null and b/android/app/src/main/assets/fonts/Fontisto.ttf differ
diff --git a/android/app/src/main/assets/fonts/Foundation.ttf b/android/app/src/main/assets/fonts/Foundation.ttf
new file mode 100644
index 0000000..6cce217
Binary files /dev/null and b/android/app/src/main/assets/fonts/Foundation.ttf differ
diff --git a/android/app/src/main/assets/fonts/Ionicons.ttf b/android/app/src/main/assets/fonts/Ionicons.ttf
new file mode 100644
index 0000000..67bd842
Binary files /dev/null and b/android/app/src/main/assets/fonts/Ionicons.ttf differ
diff --git a/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
new file mode 100644
index 0000000..9cc8db1
Binary files /dev/null and b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/MaterialIcons.ttf b/android/app/src/main/assets/fonts/MaterialIcons.ttf
new file mode 100644
index 0000000..7015564
Binary files /dev/null and b/android/app/src/main/assets/fonts/MaterialIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/Octicons.ttf b/android/app/src/main/assets/fonts/Octicons.ttf
new file mode 100644
index 0000000..ceac75d
Binary files /dev/null and b/android/app/src/main/assets/fonts/Octicons.ttf differ
diff --git a/android/app/src/main/assets/fonts/SimpleLineIcons.ttf b/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
new file mode 100644
index 0000000..6ecb686
Binary files /dev/null and b/android/app/src/main/assets/fonts/SimpleLineIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/Zocial.ttf b/android/app/src/main/assets/fonts/Zocial.ttf
new file mode 100644
index 0000000..e4ae46c
Binary files /dev/null and b/android/app/src/main/assets/fonts/Zocial.ttf differ
diff --git a/android/app/src/main/java/com/techstitching/MainApplication.java b/android/app/src/main/java/com/techstitching/MainApplication.java
index 77f24ea..e482608 100644
--- a/android/app/src/main/java/com/techstitching/MainApplication.java
+++ b/android/app/src/main/java/com/techstitching/MainApplication.java
@@ -3,6 +3,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
+import com.oblador.vectoricons.VectorIconsPackage;
 import com.learnium.RNDeviceInfo.RNDeviceInfo;
 import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
 import com.facebook.react.ReactNativeHost;
@@ -25,6 +26,7 @@ public boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
+            new VectorIconsPackage(),
             new RNDeviceInfo(),
             new RNGestureHandlerPackage()
       );
diff --git a/android/settings.gradle b/android/settings.gradle
index bcf80c6..8a54598 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -1,4 +1,6 @@
 rootProject.name = 'TechStitching'
+include ':react-native-vector-icons'
+project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
 include ':react-native-device-info'
 project(':react-native-device-info').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-device-info/android')
 include ':react-native-gesture-handler'
diff --git a/ios/TechStitching.xcodeproj/project.pbxproj b/ios/TechStitching.xcodeproj/project.pbxproj
index 40d72d5..44262d4 100644
--- a/ios/TechStitching.xcodeproj/project.pbxproj
+++ b/ios/TechStitching.xcodeproj/project.pbxproj
@@ -5,7 +5,6 @@
 	};
 	objectVersion = 46;
 	objects = {
-
 /* Begin PBXBuildFile section */
 		00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
 		00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@@ -44,6 +43,24 @@
 		ED297163215061F000B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED297162215061F000B7C4FE /* JavaScriptCore.framework */; };
 		ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2971642150620600B7C4FE /* JavaScriptCore.framework */; };
 		FE0BFD018F9F47BF92F96BCC /* libRNDeviceInfo-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C35A81215D9F4B1B9753F6A6 /* libRNDeviceInfo-tvOS.a */; };
+		E3D05D999B4B4869A793A11C /* libRNVectorIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 8F5AB0940B3D4D529596D741 /* libRNVectorIcons.a */; };
+		656326E810F8474FA9507574 /* libRNVectorIcons-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 0BAC9585575846B1A8130A3A /* libRNVectorIcons-tvOS.a */; };
+		BB96DB1B34724AB5B9039089 /* AntDesign.ttf in Resources */ = {isa = PBXBuildFile; fileRef = E88E401450EB49D6B1ECCDA9 /* AntDesign.ttf */; };
+		D14BA03C8DEF4CEFABEE45D4 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 428D33F559474BFCBE4A9AF7 /* Entypo.ttf */; };
+		9123C1E82B0745D1B8118AAF /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C82BF1D20D99483E80BE29D2 /* EvilIcons.ttf */; };
+		E908934665514FA99CAC8D40 /* Feather.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2A5CF9B03EBC46749CC8731D /* Feather.ttf */; };
+		9F8B5EDA6B614440B45D8633 /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 85DC08E90AF0492E9FA8970A /* FontAwesome.ttf */; };
+		3D1EE2D889FB455D8309A115 /* FontAwesome5_Brands.ttf in Resources */ = {isa = PBXBuildFile; fileRef = E9803CD50BCF4B9E9F003EE5 /* FontAwesome5_Brands.ttf */; };
+		DF85F9E133194E6C91935500 /* FontAwesome5_Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8319B42D3286499F81E5AD0A /* FontAwesome5_Regular.ttf */; };
+		E15AC0436EA94930A87E989C /* FontAwesome5_Solid.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8FE7C4C61725484BA11EB7CD /* FontAwesome5_Solid.ttf */; };
+		F24083025D714445A9F3C4A1 /* Fontisto.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 777EB4A2D2A840AEAC7E84B0 /* Fontisto.ttf */; };
+		60718A1A81CD4FE1B5337A15 /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C06EBB6903B943069057D0CF /* Foundation.ttf */; };
+		838E471566794B6E83D757CC /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 4B572D82378F4FD4B17DCD5F /* Ionicons.ttf */; };
+		6DDF0551D3324F2C9FE2BFD4 /* MaterialCommunityIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3A98E03F3DEF48F9BF1FF2FA /* MaterialCommunityIcons.ttf */; };
+		469F68884D7C4921A84896A6 /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0F75472B67164CB9AA057515 /* MaterialIcons.ttf */; };
+		B04C9AAF1B62457CBE35DA2D /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = A8BB28C636624B9F954D9824 /* Octicons.ttf */; };
+		516A5CA19CEE4A60AB2B3EDC /* SimpleLineIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CA049CC4DD4E4CE9BBD8DD72 /* SimpleLineIcons.ttf */; };
+		6BDE1713A0BD44788790DCB4 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8BCECFA383DD4A738586D2D6 /* Zocial.ttf */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -385,6 +402,25 @@
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
 		F43D3B774F0F4535A490AE52 /* libRNDeviceInfo.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRNDeviceInfo.a; sourceTree = "<group>"; };
+		EAF9108DBEDC4F6CAD3E943B /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; name = "RNVectorIcons.xcodeproj"; path = "../node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
+		8F5AB0940B3D4D529596D741 /* libRNVectorIcons.a */ = {isa = PBXFileReference; name = "libRNVectorIcons.a"; path = "libRNVectorIcons.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
+		0BAC9585575846B1A8130A3A /* libRNVectorIcons-tvOS.a */ = {isa = PBXFileReference; name = "libRNVectorIcons-tvOS.a"; path = "libRNVectorIcons-tvOS.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
+		E88E401450EB49D6B1ECCDA9 /* AntDesign.ttf */ = {isa = PBXFileReference; name = "AntDesign.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		428D33F559474BFCBE4A9AF7 /* Entypo.ttf */ = {isa = PBXFileReference; name = "Entypo.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		C82BF1D20D99483E80BE29D2 /* EvilIcons.ttf */ = {isa = PBXFileReference; name = "EvilIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		2A5CF9B03EBC46749CC8731D /* Feather.ttf */ = {isa = PBXFileReference; name = "Feather.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		85DC08E90AF0492E9FA8970A /* FontAwesome.ttf */ = {isa = PBXFileReference; name = "FontAwesome.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		E9803CD50BCF4B9E9F003EE5 /* FontAwesome5_Brands.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Brands.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		8319B42D3286499F81E5AD0A /* FontAwesome5_Regular.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Regular.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		8FE7C4C61725484BA11EB7CD /* FontAwesome5_Solid.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Solid.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		777EB4A2D2A840AEAC7E84B0 /* Fontisto.ttf */ = {isa = PBXFileReference; name = "Fontisto.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		C06EBB6903B943069057D0CF /* Foundation.ttf */ = {isa = PBXFileReference; name = "Foundation.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		4B572D82378F4FD4B17DCD5F /* Ionicons.ttf */ = {isa = PBXFileReference; name = "Ionicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		3A98E03F3DEF48F9BF1FF2FA /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; name = "MaterialCommunityIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		0F75472B67164CB9AA057515 /* MaterialIcons.ttf */ = {isa = PBXFileReference; name = "MaterialIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		A8BB28C636624B9F954D9824 /* Octicons.ttf */ = {isa = PBXFileReference; name = "Octicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CA049CC4DD4E4CE9BBD8DD72 /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; name = "SimpleLineIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		8BCECFA383DD4A738586D2D6 /* Zocial.ttf */ = {isa = PBXFileReference; name = "Zocial.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -415,6 +451,7 @@
 				139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
 				D1F719610FB7498FB04B6448 /* libRNGestureHandler.a in Frameworks */,
 				6C5E5CA7CD674084AA26A0F2 /* libRNDeviceInfo.a in Frameworks */,
+				E3D05D999B4B4869A793A11C /* libRNVectorIcons.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -433,6 +470,7 @@
 				2D02E4C81E0B4AEC006451C7 /* libRCTWebSocket-tvOS.a in Frameworks */,
 				6284FBF2C049493DA4BE6F0C /* libRNGestureHandler-tvOS.a in Frameworks */,
 				FE0BFD018F9F47BF92F96BCC /* libRNDeviceInfo-tvOS.a in Frameworks */,
+				656326E810F8474FA9507574 /* libRNVectorIcons-tvOS.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -637,6 +675,7 @@
 				139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
 				D302DEA4B773489F9218CFBE /* RNGestureHandler.xcodeproj */,
 				44AB690B4E404CFAA3E68628 /* RNDeviceInfo.xcodeproj */,
+				EAF9108DBEDC4F6CAD3E943B /* RNVectorIcons.xcodeproj */,
 			);
 			name = Libraries;
 			sourceTree = "<group>";
@@ -659,6 +698,7 @@
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2D16E6871FA4F8E400B85C8A /* Frameworks */,
 				816FFFE0239B5CD50040BE05 /* Recovered References */,
+				4A36709565DA46D6830D96CA /* Resources */,
 			);
 			indentWidth = 2;
 			sourceTree = "<group>";
@@ -685,6 +725,30 @@
 			name = Products;
 			sourceTree = "<group>";
 		};
+		4A36709565DA46D6830D96CA /* Resources */ = {
+			isa = "PBXGroup";
+			children = (
+				E88E401450EB49D6B1ECCDA9 /* AntDesign.ttf */,
+				428D33F559474BFCBE4A9AF7 /* Entypo.ttf */,
+				C82BF1D20D99483E80BE29D2 /* EvilIcons.ttf */,
+				2A5CF9B03EBC46749CC8731D /* Feather.ttf */,
+				85DC08E90AF0492E9FA8970A /* FontAwesome.ttf */,
+				E9803CD50BCF4B9E9F003EE5 /* FontAwesome5_Brands.ttf */,
+				8319B42D3286499F81E5AD0A /* FontAwesome5_Regular.ttf */,
+				8FE7C4C61725484BA11EB7CD /* FontAwesome5_Solid.ttf */,
+				777EB4A2D2A840AEAC7E84B0 /* Fontisto.ttf */,
+				C06EBB6903B943069057D0CF /* Foundation.ttf */,
+				4B572D82378F4FD4B17DCD5F /* Ionicons.ttf */,
+				3A98E03F3DEF48F9BF1FF2FA /* MaterialCommunityIcons.ttf */,
+				0F75472B67164CB9AA057515 /* MaterialIcons.ttf */,
+				A8BB28C636624B9F954D9824 /* Octicons.ttf */,
+				CA049CC4DD4E4CE9BBD8DD72 /* SimpleLineIcons.ttf */,
+				8BCECFA383DD4A738586D2D6 /* Zocial.ttf */,
+			);
+			name = Resources;
+			sourceTree = "<group>";
+			path = "";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -1173,6 +1237,22 @@
 			files = (
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
 				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
+				BB96DB1B34724AB5B9039089 /* AntDesign.ttf in Resources */,
+				D14BA03C8DEF4CEFABEE45D4 /* Entypo.ttf in Resources */,
+				9123C1E82B0745D1B8118AAF /* EvilIcons.ttf in Resources */,
+				E908934665514FA99CAC8D40 /* Feather.ttf in Resources */,
+				9F8B5EDA6B614440B45D8633 /* FontAwesome.ttf in Resources */,
+				3D1EE2D889FB455D8309A115 /* FontAwesome5_Brands.ttf in Resources */,
+				DF85F9E133194E6C91935500 /* FontAwesome5_Regular.ttf in Resources */,
+				E15AC0436EA94930A87E989C /* FontAwesome5_Solid.ttf in Resources */,
+				F24083025D714445A9F3C4A1 /* Fontisto.ttf in Resources */,
+				60718A1A81CD4FE1B5337A15 /* Foundation.ttf in Resources */,
+				838E471566794B6E83D757CC /* Ionicons.ttf in Resources */,
+				6DDF0551D3324F2C9FE2BFD4 /* MaterialCommunityIcons.ttf in Resources */,
+				469F68884D7C4921A84896A6 /* MaterialIcons.ttf in Resources */,
+				B04C9AAF1B62457CBE35DA2D /* Octicons.ttf in Resources */,
+				516A5CA19CEE4A60AB2B3EDC /* SimpleLineIcons.ttf in Resources */,
+				6BDE1713A0BD44788790DCB4 /* Zocial.ttf in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -1299,6 +1379,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = TechStitchingTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -1309,6 +1390,8 @@
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1329,6 +1412,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = TechStitchingTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -1339,6 +1423,8 @@
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1361,6 +1447,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = TechStitching/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1385,6 +1472,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = TechStitching/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1416,6 +1504,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = "TechStitching-tvOS/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1425,6 +1514,8 @@
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1455,6 +1546,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = "TechStitching-tvOS/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1464,6 +1556,8 @@
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1493,6 +1587,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = "TechStitching-tvOSTests/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
@@ -1502,6 +1597,8 @@
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1531,6 +1628,7 @@
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
 					"$(SRCROOT)/../node_modules/react-native-device-info/ios/RNDeviceInfo",
+					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
 				);
 				INFOPLIST_FILE = "TechStitching-tvOSTests/Info.plist";
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
@@ -1540,6 +1638,8 @@
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
diff --git a/ios/TechStitching/Info.plist b/ios/TechStitching/Info.plist
index 6f9ea11..755e592 100644
--- a/ios/TechStitching/Info.plist
+++ b/ios/TechStitching/Info.plist
@@ -25,7 +25,7 @@
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
+	<string/>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
@@ -40,13 +40,10 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
-	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
 	<key>NSAppTransportSecurity</key>
-	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
 	<dict>
-    <key>NSAllowsArbitraryLoads</key>
-    <true/>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
 		<key>NSExceptionDomains</key>
 		<dict>
 			<key>localhost</key>
@@ -56,5 +53,24 @@
 			</dict>
 		</dict>
 	</dict>
+	<key>UIAppFonts</key>
+	<array>
+		<string>AntDesign.ttf</string>
+		<string>Entypo.ttf</string>
+		<string>EvilIcons.ttf</string>
+		<string>Feather.ttf</string>
+		<string>FontAwesome.ttf</string>
+		<string>FontAwesome5_Brands.ttf</string>
+		<string>FontAwesome5_Regular.ttf</string>
+		<string>FontAwesome5_Solid.ttf</string>
+		<string>Fontisto.ttf</string>
+		<string>Foundation.ttf</string>
+		<string>Ionicons.ttf</string>
+		<string>MaterialCommunityIcons.ttf</string>
+		<string>MaterialIcons.ttf</string>
+		<string>Octicons.ttf</string>
+		<string>SimpleLineIcons.ttf</string>
+		<string>Zocial.ttf</string>
+	</array>
 </dict>
 </plist>
diff --git a/package-lock.json b/package-lock.json
index 3b07c5a..cb3893c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15442,23 +15442,6 @@
         "lodash": "^4.0.0",
         "prop-types": "^15.6.2",
         "yargs": "^13.2.2"
-      },
-      "dependencies": {
-        "lodash": {
-          "version": "4.17.15",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
-          "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
-        },
-        "prop-types": {
-          "version": "15.7.2",
-          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
-          "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
-          "requires": {
-            "loose-envify": "^1.4.0",
-            "object-assign": "^4.1.1",
-            "react-is": "^16.8.1"
-          }
-        }
       }
     },
     "react-navigation": {
diff --git a/package.json b/package.json
index 176b837..3c50822 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "react-native-config": "0.11.7",
     "react-native-device-info": "^1.6.1",
     "react-native-gesture-handler": "1.3.0",
+    "react-native-vector-icons": "^6.6.0",
     "react-navigation": "3.11.0",
     "react-navigation-redux-helpers": "3.0.2",
     "react-redux": "6.0.1",