UNPKG

@kojon74/react-native-unicons

Version:

Unicons - 4,500+ vector icons as easy to use vector React Native Components

66 lines (51 loc) 2.3 kB
# React Native Unicons 4,500+ Pixel-perfect vector icons as React Native Components. These icons are designed by [IconScout](https://iconscout.com). ## Prerequisites This library uses [react-native-svg](https://github.com/react-native-community/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: ```bash npm install --save react-native-svg react-native link react-native-svg ``` Facing issues? [Click here](https://github.com/react-native-community/react-native-svg) to link it manually. ## Getting Started You can easily install [react-native-unicons](https://iconscout.com/unicons) using npm. ```bash npm install --save @iconscout/react-native-unicons ``` ## Usage ### Use individual icons ```js 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: ```html <Unicons.UilReact size="140" color="#61DAFB" /> ``` ### Usage as full Package ```js import * as Unicons from '@iconscout/react-native-unicons'; const App = () => { return <Unicons.UilReact /> }; export default App; ```` ### More ways - [React-unicons](https://github.com/Iconscout/react-unicons) - [Vue-unicons](https://github.com/antonreshetov/vue-unicons) by [Anton Reshetov](https://github.com/antonreshetov) - [Vector SVGs](https://iconscout.com/unicons) - [Icon Font](https://github.com/Iconscout/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 Simple License](https://iconscout.com/licenses#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. ```html React Native Unicons by <a href="https://iconscout.com/">IconScout</a> ```