React Native Vector Icons: Customizable icon library
Vector icon fonts rendered as native React Native components.
Learn more about React Native Vector Icons
React Native Vector Icons is a cross-platform icon library that renders vector-based icon fonts as native React Native components. The library bundles popular icon font collections and converts their glyphs into scalable native views that can be styled through standard React Native props for size, color, and other visual properties. It provides a component-based interface where icon names are mapped to their corresponding glyphs in the underlying font files, with the rendering engine translating these into platform-specific vector graphics on both iOS and Android. The implementation supports dynamic styling and theming by accepting standard style props, enabling icons to inherit colors and dimensions without requiring pre-generated image assets at multiple resolutions.
Multiple Icon Sets
Bundles 8 actively maintained icon families plus legacy sets, totaling over 15,000 icons across different design systems. Supports FontAwesome, Material Design, Ionicons, and others through a unified API without switching libraries.
Granular Package Installation
Each icon set ships as a separate npm package, allowing developers to install only required fonts. Reduces bundle size by excluding unused icon families from the final application build.
PNG Export Capability
Renders icons as static PNG image sources in addition to vector components. Enables compatibility with contexts where vector rendering fails or performance requires rasterized assets.
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { FontAwesome } from '@react-native-vector-icons/fontawesome';
import { Ionicons } from '@react-native-vector-icons/ionicons';
import { MaterialDesignIcons } from '@react-native-vector-icons/material-design-icons';
const IconExample = () => {
return (
<View style={styles.container}>
<FontAwesome name="rocket" size={30} color="#900" />
<Ionicons name="home" size={25} color="#4F8EF7" />
<MaterialDesignIcons name="account" size={35} color="#333" />
<FontAwesome name="heart" size={20} color="red" />
</View>
);
};
const styles = StyleSheet.create({
container: {
flexDirection: 'row',
justifyContent: 'space-around',
padding: 20,
},
});This release upgrades FontAwesome to version 7 with new package structure.
- –upgrade FontAwesome to version 7 with new package structure
This release upgrades FontAwesome to version 7 with new package structure and updates common dependencies.
- –upgrade FontAwesome to version 7 with new package structure
- –Updated @react-native-vector-icons/common to 12.4.0
This release upgrades FontAwesome to version 7 and octicons to 19.19.0 with updated common dependencies.
- –upgrade FontAwesome to version 7 with new package structure
- –upgrade octicons to 19.19.0
- –Updated @react-native-vector-icons/common to 12.4.0
See how people are using React Native Vector Icons
Top in Mobile & Desktop
Related Repositories
Discover similar tools and frameworks used by developers
Stats
macOS menu bar app displaying CPU, GPU, memory, disk, network, and battery stats.
Telegram Desktop
Official Telegram desktop client for Windows, macOS, and Linux using the MTProto secure protocol.
WSABuilds
Precompiled Windows Subsystem for Android packages with Google Play Store and root access via Magisk/KernelSU.
Seal
Android video/audio downloader using yt-dlp with Kotlin and Jetpack Compose.
React Native Video
Native iOS/Android video playback with streaming and DRM.
Related Reading
Guides and comparisons from the Greptile content library
Best CodeRabbit Alternatives for Smarter AI Code Reviews in 2026
7 powerful CodeRabbit alternatives ranked by real dev teams. Feature comparison, pricing analysis, and honest reviews to find your perfect AI code reviewer.
The 7 Best AI Coding Tools for Complex Codebases
The best AI coding tools for complex codebases, ranked on accuracy, suggestion quality, and full-codebase context. See which ones you can actually trust.
Best Security-Focused AI Code Review Tools [2026 Guide]
The six best security-focused AI code review tools, compared on SAST, SCA, DAST, and full-repo context, so you can pick the one that fits your codebase and your cycle times.
Best AI Code Review Tools for GitLab
Enterprise-grade AI code review tools for GitLab teams. In-depth comparison of accuracy, security, and integration features to accelerate your merge request workflows.