This is an example of how to load custom icons into react native without the need to use 3rd party services as Fontello or Icomoon. The icons I choose for the example can be found inside FlatIcon.
Preview 1 | Preview 2 | Preview 3 |
---|---|---|
This project relays on Expo, therefore first you need to setup your enviroment to be able to preview the project.
$ git clone https://github.com/EmaSuriano/custom-icons-react-native.git
$ cd custom-icons-react-native
$ yarn
$ yarn start
yarn start
: Will run expo showcasing the icons as shown above.yarn create-icon
: Will take all the icons inside folder/assets/icons
, generate the custom font along with the glyph map and create an index file which contain a React component for each icon.
MIT.