https://github.com/alexanderschau/react-ionicons
⚡ A simple Ionicons 💡 React implementation with Typescript support.
https://github.com/alexanderschau/react-ionicons
hacktoberfest ionicons react typescript
Last synced: 9 months ago
JSON representation
⚡ A simple Ionicons 💡 React implementation with Typescript support.
- Host: GitHub
- URL: https://github.com/alexanderschau/react-ionicons
- Owner: alexanderschau
- Created: 2021-01-11T19:16:31.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2025-02-11T01:55:08.000Z (12 months ago)
- Last Synced: 2025-05-07T22:44:17.292Z (9 months ago)
- Topics: hacktoberfest, ionicons, react, typescript
- Language: JavaScript
- Homepage: https://alxs.xyz/react-ionicons
- Size: 205 KB
- Stars: 8
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Ionicons React Component
This package contains a React Component, which implements the latest version of the official [Ionicons](https://github.com/ionic-team/ionicons) into React.
## Installation 📦
To add the package to your existing React project just type in one of the following commands:
```
npm i @reacticons/ionicons
```
or
```
yarn add @reacticons/ionicons
```
## Usage
```js
import React from 'react';
import IonIcon from '@reacticons/ionicons';
export const Component = () => (
<>
>
);
```
### Custom Size
You can specify the icon size by using the optional `size` prop.
```js
```
## Supported Icons
This package supports all Ionicons of the matching version. To see a full list of them, you can take a look at the official [Ionicons website](https://ionicons.com/).
## Hint
By the way, the `` Component has the same attributes as a typical `` element.