# @mrkpatchaa/react-native-ionicons

> Use the latest [Ionicons](https://ionic.io/ionicons/) (v6+) in your React Native project :tada:.

Latest version **2.0.1** (published 2025-09-16) · ISC license · 0 weekly downloads

## Install

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

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2025-09-16 |
| First published | 2023-01-30 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | mrkpatchaaadmin |

## Links

- npm: https://www.npmjs.com/package/@mrkpatchaa/react-native-ionicons
- Repository: https://github.com/mrkpatchaa/react-native-ionicons
- Homepage: https://github.com/mrkpatchaa/react-native-ionicons#readme
- Issues: https://github.com/mrkpatchaa/react-native-ionicons/issues
- npm.io page: https://npm.io/package/@mrkpatchaa/react-native-ionicons

## Dependencies (1)

- [ionicons](https://npm.io/package/ionicons.md) ^8.0.13

## Recent versions

- 2.0.1 (latest) — 2025-09-16
- 1.2.1 — 2024-05-25
- 1.1.1 — 2024-01-16
- 1.1.0 — 2023-03-27
- 1.0.1 — 2023-01-30
- 1.0.0 — 2023-01-30

## README

# React Native Ionicons

Use the latest [Ionicons](https://ionic.io/ionicons/) (v6+) in your React Native project :tada:.

Based on this fantastic work [https://github.com/michaelbnd/react-native-ionicons](https://github.com/michaelbnd/react-native-ionicons)

<img src="Screenshots/exampleApp.gif">

## About Ionicons
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@6.1.1/dist/svg/glasses-outline.svg">

#### Filled

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

#### Sharp

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


## Install
```
npm install @mrkpatchaa/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 '@mrkpatchaa/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>
  );
}
```

## 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)/.+"
]
```

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