Skip to main content

Custom Icons

@flexnative/icons package uses custom icon fonts created based on a IcoMoon.

You can find more details about @expo/vector-icons on Expo official page and section createIconSetFromIcoMoon.

Generating Icons set

To add, edit or remove icons from @flexnative/icons package you first must extract icons form package and then uplod selection.json file in IcoMoon. From IcoMoon you can add, edit or remove any icon you want.

CAUTION

Your loading icon you should remain as spinner because by this name it is used by other components.

After selecting your icons set you must download your fonts and selection.json file and load .ttf file on your project. See section Basic Usage how to load your icons font.

After loading your icons font you must override globally icon object from @flexnative/icons package. See section Using custom Icons Set.

Using custom Icons Set

INFO

icon object and interface you can create automaticly from section Generate Icon object by uploading IcoMoon selection.json file.

Generate Icon object

Upload here your selection.json file downloaded from IcoMoon to generate code for icons and file to globaly override IconName interface, for @flexnative/icons package.