- Install
npm i react-native-ionicons
- Link with react-native
react-native link react-native-ionicons
- Enjoy it
import Icon from 'react-native-ionicons'
const IconBar = () => (
<View>
<Icon name="add" />
<Icon ios="ios-add" android="md-add" />
</View>
)
Name | Type | Default | Description |
---|---|---|---|
name | IconName |
- | Name of the icon |
android | IconName |
- | Name of the icon for Android devices |
ios | IconName |
- | Name of the icon for iOS devices |
active | ?boolean |
false | Render filled icons, iOS only |
color | ?string |
- | Color of the icon |
size | ?number |
30 | Size of the icon, namely fontSize |
... | - | - | Other props of Text component |
IconName
can be short form or long form. The short form is the main part of the icon name, such as theadd
toios-add-outline
.Icons can be found at here.
MIT