react-ionicons

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #golang #android #deep-learning #linux #docker #nodejs #awesome #cli #vue #awesome-list #ios

(★ 8)

⚡ A simple Ionicons 💡 React implementation with Typescript support.

react-ionicons 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Ionicons React Component

![hero_image.png](https://raw.githubusercontent.com/alexanderschau/react-ionicons/main/hero_image.png)

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 = () => (
  <>
    <IonIcon name="bag-outline" />
  </>
);
```

### Custom Size

You can specify the icon size by using the optional `size` prop.

```js
<IonIcon name="bag-outline" size="small" />
<IonIcon name="bag-outline" size="large" />
```

## 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 `<IonIcon>` Component has the same attributes as a typical `<span>` element.

react-ionicons

react-ionicons 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-ionicons

react-ionicons 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README