Bring Ionicons - Beautifully crafted open source icons to your awesome react-native apps.
npm install react-native-ionicons@^4.x
Or:
yarn add react-native-ionicons@^4.x
react-native
(Optional)Since v0.60,
react-native link
was replaced by the autolinking mechanism. So, needn't do this when you're using React Native 0.60+.
react-native link react-native-ionicons
import Icon from 'react-native-ionicons'
const IconBar = () => (
<View>
<Icon name="add" />
<!-- This is same to the following: -->
<Icon ios="ios-add" android="md-add" />
</View>
)
node_modules\react-native-ionicons\fonts
folder and select the font fileName | Type | Default | Description |
---|---|---|---|
name | IconName |
- | Icon name used on all platforms |
android | IconName |
- | Icon name for Android devices |
ios | IconName |
- | Icon name for iOS devices |
color | ?string |
- | Icon color |
size | ?number |
30 | Icon size, namely fontSize |
IconName
can be of short name or qualified name, which is the short one preffixed withmd-
orios-
.The short
IconName
can be found here.
We DOT NOT use SemVer for versioning. Though you can think about SemVer when reading our version, except our major number follow the one of Ionicons.
<a title="I Use Firefox" rel="nofollow" href="https://www.mozilla.org/firefox/this-browser-comes-highly-recommended/?utm_source=devs-for.firefox.com&utm_medium=referral&utm_campaign=devs-for-firefox&utm_content=I-Use-Firefox"> <img style="border:0 none;" alt="I Use Firefox" srcset="https://code.cdn.mozilla.net/for-firefox/badges/assets/I-Use-Firefox.png, https://code.cdn.mozilla.net/for-firefox/badges/assets/I-Use-Firefox-2x.png 2x" src="https://code.cdn.mozilla.net/for-firefox/badges/assets/I-Use-Firefox.png">