How to import icons from multiple files in react native vector icons?

Question

If I wanted to use Ionicons and MaterialDesign Icons from react native vector icons in the same file, how should I import it?

import Icon from 'react-native-vector-icons/MaterialIcons';

(and)

import Icon from 'react-native-vector-icons/Ionicons';

in the same file

Answer 1

After going through the original source files I found out that the icons was exported like

export default iconSet

So you could just use any arbitrary name to import.

In that case, the final code will look like this:

import MaterialIcon from 'react-native-vector-icons/MaterialIcons;
import Ionicon from 'react-native-vector-icons/Ionicons';

Thank You Fran Rios

Answer 2

You can take advantage of using the name you want on each import due type of exporting on react-native-vector-icons:

import IonIcon from 'react-native-vector-icons/Ionicons'
import MaterialIcon from 'react-native-vector-icons/MaterialIcons'

Then you can user IonIcon and MaterialIcon respectively in your code.