Unrecognized font family 'FontAwesome5Pro-Regular'

• Review the documentation: https://github.com/oblador/react-native-vector-icons
• Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

Environment

OS: macOS Mojave OS version: 10.14.6 Target platform: iOS React Native Vector Icons version: 6.6.0 React Native version: 0.60.5

Description

I have FontAwesome 5 Pro and I followed this installation guide to add FontAwesome 5 Pro icons to my project, but I cannot use any of the icons. (regular, light, etc). It throws the following error (if I use regular):

Unrecognized font family 'FontAwesome5Pro-Regular'

Reproducible Demo

Create a new React Native project -> add react-native-vector-icons to your package.json -> follow this installation guide -> run your project with the following code in it and see if it works:

import FontAwesome5Pro from 'react-native-vector-icons/FontAwesome5Pro';

<FontAwesome5Pro style={styles.icon} size={17} name="plus-circle"/>

Extra information

I see a folder called assets. In that folder there is a folder called fonts and it contains the following files:

FontAwesome5_Pro_Brands.ttf
FontAwesome5_Pro_Light.ttf
FontAwesome5_Pro_Regular.ttf
FontAwesome5_Pro_Solid.ttf

Thank you for helping me in advance.

EDIT:

• Yes, the pro installation was executed correctly according to the output in the console.

[rauldeheer]

@hampustagerud Thank you. I think I was redirected to the wrong section at first. It redirects correctly now! Thanks a lot, I will try to see if I can fix it. I’ll let you know if I can/can’t.

Thanks in advance!

[danieltov]

following this because I’m also having this issue.