# @julianbaumann/react-native-ionicons

> Ionicons implementation for react native

Latest version **1.0.2** (published 2020-12-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install @julianbaumann/react-native-ionicons
pnpm add @julianbaumann/react-native-ionicons
yarn add @julianbaumann/react-native-ionicons
bun add @julianbaumann/react-native-ionicons
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2020-12-19 |
| First published | 2020-11-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 815.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Julian Baumann |
| Maintainers | julianbaumann |
| Keywords | react, react-native, ion-icon, ionicon, icon, svg icon |

## Links

- npm: https://www.npmjs.com/package/@julianbaumann/react-native-ionicons
- Repository: https://gitlab.com/julianbaumann/react-native-ionicons
- Homepage: https://gitlab.com/julianbaumann/react-native-ionicons/-/blob/master/README.md
- Issues: https://gitlab.com/julianbaumann/react-native-ionicons/issues
- npm.io page: https://npm.io/package/@julianbaumann/react-native-ionicons

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2020-12-19
- 1.0.1 — 2020-11-24
- 1.0.0 — 2020-11-08
- 0.0.9 — 2020-11-08
- 0.0.8 — 2020-11-08
- 0.0.7 — 2020-11-08
- 0.0.6 — 2020-11-08
- 0.0.5 — 2020-11-08
- 0.0.4 — 2020-11-08
- 0.0.3 — 2020-11-08
- 0.0.2 — 2020-11-08
- 0.0.1 — 2020-11-08

## README

# Ionicons for React Native

This library uses the open sourced [Ionicons](https://ionicons.com) `v5`.

Should work and look exacly like it would on the ionic-framework. If not, feel free to create a new issue.

>I know there are good other libraries out there which do exacly the same, but I encountered some issues like coloring, or they use old v4/v3 icons. Plus with this library you can use StyleSheets to style the icon (color and fontSize).
As long as ionic doesn't change the way the icons work or remove the "Designer pack" download, this library should be easy to maintain, since there is only one script to run to generate the icons.

## Installation
> This library uses `react-native-svg` to display the icons, so we must first install that dependency.

> [Installation guide from react-native-svg](https://www.npmjs.com/package/react-native-svg#installation) (for expo etc)

React Native CLI:

```bash
$ npm install react-native-svg --save
```

Link native code (on a mac): 
```bash
$ cd ios && pod install
```

<br />

Now install this package
```bash
$ npm install @julianbaumann/react-native-ionicons@latest --save
```

## Usage
```ts
import { Ionicon } from "@julianbaumann/react-native-ionicons";

...

const styles = {
    Icon: {
        fontSize: 30,
        color: "red"
    }
}

return (
    <Ionicon name={"code-slash"} style={styles.Icon} />

    <Ionicon name={"code-slash"} size={30} color={"red"} />

    <Ionicon ios={"code-slash-outline"} android={"code-slash"} />
)

```

---
_Source: https://npm.io/package/@julianbaumann/react-native-ionicons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._