@ref/vector-icons
v11.0.0
Published
Built-in support for popular icon fonts and the tooling to create your own Icon components from your font and glyph map. This is a wrapper around react-native-vector-icons to make it compatible with Expo.
Downloads
46
Readme
@expo/vector-icons
This library is a compatibility layer around @oblador/react-native-vector-icons to work with the Expo asset system. If you're using React Native without Expo, you have no need for this library -- carry on! (or maybe check out Expo).
👀: this library does not provide access to react-native-vector-icon's
Icon.getImageSource()
function for generating images from icons at runtime (for context on why, see this issue). If you find yourself needing an icon in the form of an image rather than text, you should generate that image yourself and bundle it with your app.
Resources
- @expo/vector-icons directory - a searchable list of all included icons.
- Font Awesome 5 icons directory - all Font Awesome 5 icons (including the Pro icons)
- Expo documentation
Usage
This library is part of the expo
package, so if you are using expo
you can simply use it like so
import React from 'react';
import { Ionicons } from '@expo/vector-icons';
export default class IconExample extends React.Component {
render() {
return <Ionicons name="md-checkmark-circle" size={32} color="green" />;
}
}
for more usage see Expo icons documentation