icomoon.mo
Owner: Amaury Liet
Prerequisites
A running React Native app, preferably started with the generator
Intro
To add new icons to the app, you need to update 3 files in the project.
These 3 files are in the icomoon.zip
archive: but if you only have the *.svg
file of the icon, you need to generate the icomoon archive first.
Prerequisites
Have the icons available (either in an
icomoon
file or asvg
file)
Steps
1. [If necessary] Generate to icomoon.zip
file:
icomoon.zip
file:Go to Icomoon.io
Click on
+ Import icons
Import the
selection.json
file of the icons currently in the app, located insrc/components/Icon/selection.json
Add icons on the set you just imported by clicking on the burger (on the right) then
Import to set
If wanted, rename the icon by passing in
edit
mode (click on the pencil on top of the screen) then click on the icons to renameSelect the icons you want to export (by default select all of them)
On the bottom of the screen, click
Generate font
thenDownload
2. Add the icons to the application
Open the
icomoon.zip
fileOverwrite the following files:
android/app/src/main/assets/fonts/icomoon.ttf
src/components/Icon/selection.json
resources/icons/icomoon.ttf
:warning: If you are using code-push, don't forget to hard deploy
Deploying with CodePush will not update the icons of the app
Last updated