Browse to node_modules/react-native-vector-icons and drag the folder Fonts to your project in Xcode.

List of all available fonts to copy & paste in ist Edit ist and add a property called Fonts provided by application (or UIAppFonts if Xcode won't autocomplete/not using Xcode) and type in the files you just added.

Not familiar with Xcode? Try this article Make sure your app is checked under 'Add to targets' and that 'Create groups' is checked if you add the whole folder.

Browse to node_modules/react-native-vector-icons and drag the folder Fonts (or just the ones you want) to your project in Xcode.

If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project.

If you intend to use FontAwesome 5, check out this guide to get you started.

For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform.

Run: $ npm install -save react-native-vector-icons.

SimpleLineIcons by Sabbir & Contributors (v2.5.5, 189 icons).

Zocial by Sam Collins (v1.4.0, 100 icons).

MaterialCommunityIcons by (v6.5.95, 6596 icons).

Fontisto by Kenan Gündoğan (v3.0.4, 615 icons).

FontAwesome by Dave Gandy (v4.7.0, 675 icons).

Feather by Cole Bemis & Contributors (v4.28.0, 286 icons).

EvilIcons by Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons).

Entypo by Daniel Bruce (v1.0.1 411 icons).

Help this library and yourself by asking it your questions about vector icons at or get their VSCode extension! Previously there wasn't a week when I didn't scream at the computer because our code search was so bad at my company – I would seriously consider it if you have a non-trivally sized repo. Code Searchĭocumatic is sponsoring this library and provides their codebase search engine to the our community free of charge. Things I have planned is to split up the repo into a monorepo, that would enable individual versioning of icon sets, better performance, smaller bundle and easier for the community to publish their own. If you find the library useful, please consider sponsoring.

Generating your own icon set from a CSS file.

svg files natively – try react-native-vector-image. Easy to extend, style and integrate into your project. Perfect for buttons, logos and nav/tab bars.

Instagram vector icon