1-npm install --save react-native-vector-icons
2-Edit android/app/build.gradle : (add below code)
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
3-Edit android/settings.gradle : (add below codes)
+ include ':react-native-vector-icons'
+ project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
4-Edit android/app/build.gradle : (add below code to dependencies)
dependencies {
...
compile project(':react-native-vector-icons')
}
5-import fontawesome to App.js :
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;
# With yarn
yarn add react-native-vector-icons
# With npm : npm i react-native-vector-icons
# In android go to android/app/build.gradle file add following line
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
# In ios install required pods
npx pod-install
# Import
import FontAwesome from 'react-native-vector-icons/FontAwesome';
# Use
<FontAwesome name="rocket" />
react-native link react-native-vector-icons
import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;
# Add types for react-native-vector-icons with npm
npm i --save-dev @types/react-native-vector-icons
# With yarn
yarn add --dev @types/react-native-vector-icons
yarn add react-native-vector-icons
<Icon name="rocket" size={30} color="#900" />
pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"