4,500+ Pixel-perfect vector icons as React Native Components. These icons are designed by IconScout.

This library uses react-native-svg to render svg icons. Therefore this library needs to be installed & linked into your project to work.

You can install it by:

npm install --save react-native-svg
react-native link react-native-svg

Facing issues? Click here to link it manually.

You can easily install react-native-unicons using npm.

npm install --save @iconscout/react-native-unicons

import UilReact from '@iconscout/react-native-unicons/icons/uil-react'

const App = () => {
  return <UilReact size="140" color="#61DAFB" />
};

export default App;

You can customize icons as below:

<Unicons.UilReact size="140" color="#61DAFB" />

import * as Unicons from '@iconscout/react-native-unicons';

const App = () => {
  return <Unicons.UilReact />
};

export default App;

• React-unicons
• Vue-unicons by Anton Reshetov
• Vector SVGs
• Icon Font

We will be happy to have community support for Unicons. Feel free to fork and create pull requests. We have given a small roadmap above so that you can help us build these features.

Can't find the icon you are looking for? No worries, we will design it for you. And we'll be happy to design them in upcoming weeks.

Request Icon

Unicons are Open Source icons and licensed under IconScout Simple License. You're free to use these icons in your personal and commercial project. We would love to see the attribution in your app's about screen, but it's not mandatory.

React Native Unicons by <a href="https://iconscout.com/">IconScout</a>