Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.. Latest version: 10.3.0, last published: 5 months ago. Start using react-native-vector-icons in your project by running `npm i react-native-vector-icons`. There are 1883 other projects in the npm registry using react-native-vector-icons.

You need to enable JavaScript to run this app

This makes it a perfect choice for creating clean, accessible UIs in modern React Native apps. Furthermore, it ensures a seamless and consistent design experience across your entire project. ... Lucide is an open-source icon library that offers 1,500+ clean, consistent, and scalable icons curated by the community.

import { Icon } from 'react-native-elements' <Icon name='rowing' /> <Icon name='g-translate' color='#00aced' /> <Icon name='sc-telegram' type='evilicon' color='#517fa4' /> <Icon reverse name='ios-american-football' type='ionicon' color='#517fa4' /> <Icon raised name='heartbeat' type='font-awesome' color='#f50' onPress={() => console.log('hello')} />

Customizable Icons for React Native with support for image source and full styling. - oblador/react-native-vector-icons

2 days ago - 261 react native icons. Vector icons in SVG, PSD, PNG, EPS and ICON FONT

Includes 5 different icon fonts and 2,444 icons. ... Note that 0.4.0 does not support Android. In XCode, in the project navigator right click Libraries ➜ Add Files to [your project's name] Go to node_modules ➜ react-native-icons➜ ios and add ReactNativeIcons.xcodeproj

The component loads the Ionicons font and renders a checkmark icon in the following example: ... import { View, StyleSheet } from 'react-native'; import Ionicons from '@expo/vector-icons/Ionicons'; export default function App() { return ( <View style={styles.container}> <Ionicons name="checkmark-circle" size={32} color="green" /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', }, });

You can pass the name of an icon from MaterialDesignIcons. This will use the @react-native-vector-icons/material-design-icons library to display the icon.

This component allows you to easily incorporate icons into your user interface. It supports popular icon libraries like "react-native-vector-icons" and "react-native-sfSymbols," making it simple to add and customize icons in your app for a polished ...

Quickly search and explore all icons available in react-native-vector-icons package for your next React Native project.

July 22, 2025 - Hugeicons delivers a well-crafted set of icons optimized for native SVG rendering, ensuring sharp visuals across devices. The icons all have the same size, so they look consistent across your app. They work smoothly with React Native and won’t slow your app down.

Explore a range of React Native icons and the official React Native logo in PNG format.

February 11, 2025 - React-native-vector-icons is a library that allows users to add a variety of UI elements into their React Native App. Learn how to use it.

And while that's running, I'm gonna show you where you'd know exactly what to type in if you were doing this yourself. So let's go into npm and then we're gonna look for these React Native icons. So I'll say react-native, that's actually -vector-icons, and you can see we have one that's exactly the one that we wanna use.

1000 pixel perfect icons in 6 different styles for React and React Native

First, ensure that you have react-native-svg (version between 12 and 15) installed. Then, install the package: ... Each icon can be imported as a React component.

You can use all the components from · react-native-svg. NativeBase Icons · We provide a set of commonly used interface icons which you can directly use in your project. All our icons are create using ·

Free React native icons in PNG and SVG format to download. Explore our exclusive collection of React native icons. You can copy or edit them online too!