Back to React Native Vector Icons

React Native Vector Icons - IcoMoon

packages/icomoon/README.md

10.2.01.3 KB
Original Source

React Native Vector Icons - IcoMoon

React Native Vector Icons font package to support IcoMoon fonts

See the React Native Vector Icons README for more details.

Installation

sh
npm install @react-native-vector-icons/icomoon

Usage

  1. Add the config.json somewhere in your project to be imported
  2. Add the ttf file into rnvi-fonts/icomoon. You can customise this location as described in react-native-vector-icons
  3. Add this package to your project
sh
npm install @react-native-vector-icons/icomoon
  1. Create the component in your project and use it
js
import createIconSet from '@react-native-vector-icons/icomoon';
import icoMoonConfig from './IcoMoon-Free.json';
const Icon = createIconSet(icoMoonConfig);

const icon = <Icon name="comments" />;

If you want to customise the font postscript name and filename you can pass extra arguments.

js
import createIconSet from "@react-native-vector-icons/icomoon";
import icoMoonConfig from "./IcoMoon-Free.json";
const Icon = createIconSet(icoMoonConfig, "Font Family", "FontFamily.ttf");

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT