UNPKG

@iconscout/react-unicons-monochrome

Version:

1,100+ vector icons as easy to use React Components

63 lines (48 loc) 1.97 kB
# React Unicons - Monochrome Style 1,100+ Pixel-perfect vector icons as React Components. These icons are designed by [IconScout](https://iconscout.com). ## Getting Started You can easily install [react-unicons](https://iconscout.com/unicons) using npm. ```bash npm install --save @iconscout/react-unicons-monochrome ``` Or using `yarn` ```bash yarn add @iconscout/react-unicons-monochrome ``` ## Usage ### Use individual icons ```js 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: ```html <Unicons.UimReact size="140" color="#61DAFB" /> ``` ### Usage as full Package ```js import React from 'react'; import * as Unicons from '@iconscout/react-unicons-monochrome'; const App = () => { return <Unicons.UimReact /> }; export default App; ```` ## PRO Icons If you've subscribed to Unicons PRO, you can [request](mailto:support@iconscout.com?subject=Unicons) your own NPM Token to get an access to all the PRO icons as NPM Package. ### More ways - [Vector SVGs](https://iconscout.com/unicons) ## Contributing 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. ### Request icons 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](mailto:support@iconscout.com) ## License Unicons are Open Source icons and licensed under [IconScout Digital License](https://iconscout.com/licenses#iconscout). 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. ```html React Unicons Monochrome by <a href="https://iconscout.com/">IconScout</a> ```