react-native-easy-icon

A wrapper component using react-native-vector-icons. Support Typescript.

Usage no npm install needed!

<script type="module">
  import reactNativeEasyIcon from 'https://cdn.skypack.dev/react-native-easy-icon';
</script>

README

React Native Easy Icon

A wrapper component using react-native-vector-icons. Support Typescript.

Installation

yarn add react-native-easy-icon

OR

npm install --save react-native-easy-icon

If you don't have react-native-vector-icons Install react-native-vector-icons

If you created your project with expo, crna or trnc, react-native-vector-icons is installed by default

Usage

import Icon from 'react-native-easy-icon';

<Icon  type="feather" name="award" color="coral" size={21}/>

Icon Type:

  • material
  • material-community
  • font-awesome
  • font-awesome5
  • font-awesome-brands
  • octicon
  • ionicon
  • foundation
  • evilicon
  • simple-line-icon
  • zocial
  • entypo
  • feather
  • antdesign
  • fontisto

Icons list

Note

Icon types list is extracted from react-native-elements