React Native Vector Icons font package to support using custom fonts created with Fontello
See the React Native Vector Icons README for more details.
npm install @react-native-vector-icons/fontello
- Add the config.json somewhere in your project to be imported
- Add the ttf file into
rnvi-fonts
. You can customise this location as described in react-native-vector-icons - Add this package to your project
yarn instal @react-native-vector-icons/fontello
- Create the component in your project and use it
import createIconSet from '@react-native-vector-icons/fontello';
import fontelloConfig from './config.json';
const Icon = createIconSet(fontelloConfig);
cont icon = <Icon name="comments" />;
If you want to customise the font postscript name and filename you can pass extra arguments.
import createIconSet from '@react-native-vector-icons/fontello';
import fontelloConfig from './config.json';
const Icon = createIconSet(fontelloConfig, 'Font Family', 'FontFamily.ttf');
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT