1,100+ Pixel-perfect vector icons as React Components. These icons are designed by IconScout.
You can easily install react-unicons using npm.
npm install --save @iconscout/react-unicons-monochrome
Or using yarn
yarn add @iconscout/react-unicons-monochrome
import React from 'react';
import UimReact from '@iconscout/react-unicons-monochrome/icons/uim-react'
const App = () => {
return <UimReact size="140" color="#61DAFB" />
};
export default App;
You can customize icons as below:
<Unicons.UimReact size="140" color="#61DAFB" />
import React from 'react';
import * as Unicons from '@iconscout/react-unicons-monochrome';
const App = () => {
return <Unicons.UimReact />
};
export default App;
If you've subscribed to Unicons PRO, you can request your own NPM Token to get an access to all the PRO icons as NPM Package.
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.
Unicons are Open Source icons and licensed under IconScout Digital 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 Unicons Monochrome by <a href="https://iconscout.com/">IconScout</a>