icon update

src/components/Navbar.tsx

@@ -12,9 +12,10 @@ import {
   View,
 } from 'react-native';
 import AppLink from 'react-native-app-link';
-import Fontisto from 'react-native-vector-icons/Fontisto';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import Logo from 'screens/../../assets/bootsplash/logo.png';
+import Bell from 'svg/Bell';
+import Instagram from 'svg/Instagram';
+import Telegram from 'svg/Telegram';
 import InAppBrowser from './InAppBrowser';
 
 const { width } = Dimensions.get('window');
@@ -89,15 +90,11 @@ const Navbar = () => {
 
         <View style={styles.links}>
           <TouchableOpacity onPress={openTelegram}>
-            <Fontisto name="telegram" color="#fff" size={iconSizes.telegram} />
+            <Telegram color="#fff" width={24} height={24} />
           </TouchableOpacity>
 
           <TouchableOpacity onPress={openInstagram}>
-            <Fontisto
-              name="instagram"
-              color="#fff"
-              size={iconSizes.instagram}
-            />
+            <Instagram color="#fff" width={24} height={24} />
           </TouchableOpacity>
 
           {/* <TouchableOpacity onPress={openFacebook}>
@@ -112,11 +109,7 @@ const Navbar = () => {
             <TouchableOpacity
               onPress={() => navigation.navigate('Notifications')}
             >
-              <MaterialCommunityIcons
-                name="bell-outline"
-                color="#fff"
-                size={iconSizes.bell}
-              />
+              <Bell color="#fff" width={24} height={24} />
               {/* <View style={styles.bellDot} /> */}
             </TouchableOpacity>
           )}