https://github.com/iconscout/react-native-unicons

Unicons - 1000+ vector icons as easy to use vector React Native Components
https://github.com/iconscout/react-native-unicons

icons react-native react-native-icons unicons vector-icons

Last synced: 4 days ago
JSON representation

Unicons - 1000+ vector icons as easy to use vector React Native Components

• Host: GitHub
• URL: https://github.com/iconscout/react-native-unicons
• Owner: Iconscout
• License: other
• Created: 2019-07-28T12:24:10.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-12-06T10:24:46.000Z (16 days ago)
• Last Synced: 2024-12-06T11:32:53.197Z (16 days ago)
• Topics: icons, react-native, react-native-icons, unicons, vector-icons
• Language: JavaScript
• Size: 2.24 MB
• Stars: 26
• Watchers: 5
• Forks: 13
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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 

};

export default App;

````

You can customize icons as below:

```html

```

### Usage as full Package

```js

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

const App = () => {

  return 

};

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:[email protected])

## 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 IconScout

```