Skip to content
This repository has been archived by the owner on Nov 8, 2023. It is now read-only.

This is an example of how to load custom icons into react native without Fontello or Icomoon

Notifications You must be signed in to change notification settings

EmaSuriano/custom-icons-react-native

Repository files navigation

⚠️ This project has been deprecated because I created another repository with better documentation and practices. Link to the new repository ⚠️

custom-icons-react-native

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
preview1 preview2 preview3

Installation

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

Relevant Commands

  • 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.

License 📝

MIT.

About

This is an example of how to load custom icons into react native without Fontello or Icomoon

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published