Tried both ways to show Icon:

• with import { Icon } from 'react-native-elements'
• with import Icon from 'react-native-vector-icons/FontAwesome'

Dependencies

import { Icon } from ‘react-native-elements’

import { Icon } from 'react-native-elements'

<Icon
  raised
  name='heartbeat'
  type='font-awesome'
  color='#f50'
  onPress={() => console.log('hello')} />

import Icon from ‘react-native-vector-icons/FontAwesome’

import Icon from 'react-native-vector-icons/FontAwesome';
import { Input } from 'react-native-elements';

<Input
  placeholder='INPUT WITH CUSTOM ICON'
  leftIcon={
    <Icon
      name='user'
      size={24}
      color='black'
    />
  }
/>

Also CheckBox shows an X instead of the usual

<CheckBox
title="Remember me"
checked={false}/>

Showing:

What I tried

• Edit app/build.gradle for manual linking react-native-vector-icons
• I didn’t understand this, do I have to download and load my icons/assets inside my project manually?

Solved

Solved by manually copying their folder with all the ttf inside android/app/src/main/assets/fonts as said here