@elevyg/react-native-ionicons/README.md

Ionicons 5 for React Native

# React Native Ionicons 5
![badge](https://github.com/michaelbnd/react-native-ionicons-5/workflows/Icons%20Render/badge.svg)

Use the latest [Ionicons](https://ionicons.com) (5.5.2) in your React Native project :tada:.

<img src="Screenshots/icons.gif" height=400>

## Why Ionicons 5 ?
Ionicons is a completely open-source icon set with 1,300 icons.


Each icon has an outline, filled, and sharp variant.

#### Outline

<img width="100" src="https://unpkg.com/ionicons@5.5.2/dist/svg/glasses-outline.svg">

#### Filled

<img width="100" src="https://unpkg.com/ionicons@5.5.2/dist/svg/glasses.svg">

#### Sharp

<img width="100" src="https://unpkg.com/ionicons@5.5.2/dist/svg/glasses-sharp.svg">


## Install
```
npm install @michaelbnd/react-native-ionicons
npm install react-native-svg
npx pod-install
```

## Usage
```javascript
import React from 'react';
import {View} from 'react-native';
import {Icon} from '@michaelbnd/react-native-ionicons';

export default function App() {
  return (
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center', flexDirection: 'row'}}>
      <Icon name="rocket-outline" size={64} color="#000" />
      <Icon name="rocket" size={64} color="#000" />
      <Icon name="rocket-sharp" size={64} color="#000" />
    </View>
  );
}
```

<img src="Screenshots/rockets.png" height=400>


## Jest
Add the lines below in your package.json inside the "jest" key if you are testing your project with [Jest](https://jestjs.io).


```
"transformIgnorePatterns": [
  "/node_modules/(?!react-native)/.+"
]
```