- 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 |
color | ?string |
- | Color of the icon |
size | ?number |
30 | Size of the icon, namely fontSize |
... | - | - | Other props of Text component |
IconName
can be in short form or long form. The short form is the main part of the icon name, such as theadd
toios-add
.Icons can be found at here.
We DOT NOT use SemVer for versioning. Tho you can think about SemVer when reading our version, except our major number follow the one of Ionicons.