https://github.com/mrkpatchaa/react-native-ionicons

Use the latest version of Ionicons (v6+) in your React Native project 🎉. Based on https://github.com/michaelbnd/react-native-ionicons
https://github.com/mrkpatchaa/react-native-ionicons

ionicons npm react-native

Last synced: 15 days ago
JSON representation

Use the latest version of Ionicons (v6+) in your React Native project 🎉. Based on https://github.com/michaelbnd/react-native-ionicons

• Host: GitHub
• URL: https://github.com/mrkpatchaa/react-native-ionicons
• Owner: mrkpatchaa
• License: mit
• Created: 2023-01-29T23:41:07.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-16T22:02:32.000Z (about 1 year ago)
• Last Synced: 2024-05-17T00:09:34.166Z (8 months ago)
• Topics: ionicons, npm, react-native
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/@mrkpatchaa/react-native-ionicons
• Size: 122 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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)



## About Ionicons

Ionicons is a completely open-source icon set with 1,300+ icons.

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

#### Outline



#### Filled



#### Sharp



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

    

      

      

      

    

  );

}

```

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

]

```