Like the title says, my icons are not showing up in my react native project. Here is my babel config file

    module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      'react-native-reanimated/plugin',
      [
        'babel-plugin-module-resolver',
        {
          alias: {
            'react-native-vector-icons': '@expo/vector-icons',
          },
        }
      ]
    ],
  };
};

Like the title says, my icons are not showing up in my react native project. Here is my babel config file

    module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      'react-native-reanimated/plugin',
      [
        'babel-plugin-module-resolver',
        {
          alias: {
            'react-native-vector-icons': '@expo/vector-icons',
          },
        }
      ]
    ],
  };
};

• react-native
• babeljs
• icons

1 Answer 1

did you called those vector icons in info.plist for ios and added in asset folder in android?

=> you're using expo so update your babel to

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

then import directly as

import { MaterialIcons } from '@expo/vector-icons';