Ionicons
@react-native-vector-icons/ionicons
Ionicons font for react native vector icons
React Native Libraries
react-native
ios
android
osx
windows
macos
react-component
react-native-component
react
mobile
Stars
18k
Weekly
257k
Open issues
14
Bundle
~40 kB
Installation
npm install @react-native-vector-icons/ioniconsCode example
import { View, Text, StyleSheet } from "react-native";
import { Ionicons } from "@react-native-vector-icons/ionicons";
export function Example() {
return (
<View style={styles.box}>
<Text style={styles.title}>Ionicons</Text>
<Ionicons />
</View>
);
}
const styles = StyleSheet.create({
box: { flex: 1, alignItems: "center", justifyContent: "center", gap: 8 },
title: { fontSize: 18, fontWeight: "600" },
});Pros & cons
Pros
- Actively maintained by Joel Arvidsson
- 257k weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~40 kB to your bundle
- Needs client-only rendering in SSR frameworks
- 14 open issues on GitHub