Why does the vector-icon not appear?

Question

I have an icon in the header of the HomePage but the icon does not appear, only a white X. What should I do?

function HomePage({navigation}) {
  useEffect(() => {
    navigation.setOptions({
      headerRight: () => (
        <TouchableWithoutFeedback onPress={() => navigation.navigate('Menu')}>
          <Icon name="accessibility" color="white" />
        </TouchableWithoutFeedback>
      ),
      headerStyle: {
        backgroundColor: "black"
      }
    });
  }, []);

Answer 1

Try adding on /app/build.gradle apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" and then rebuild the application and uninstall the app from phone and reinstall again.

Sorry the previous answer was for expo users.