Using Custom Icons Font Type with ‘react-native-elements’ Icon Component

React Native Elements uses react-native-vector-icons for making icon usage in components without having to re-implement Icon component.

Here’s how we’ve been using Icon component from react-native-elements:

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

<Icon
  name='heartbeat'
  type='font-awesome' />

Pretty neat right?

Icons take the name of a material icon as a prop. However, react-native-elements allows us to override Material icons with one of the following: material-communityfont-awesomeocticonioniconfoundationeviliconsimple-line-iconzocial, or entypo by providing a type prop.

But, there might be cases when we’d want to use our own custom icons. Let’s see how we can achieve that.

Continue reading “Using Custom Icons Font Type with ‘react-native-elements’ Icon Component”