# @ant-design/icons-react

> Ant Design Icons for React

Latest version **2.0.1** (published 2019-05-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @ant-design/icons-react
pnpm add @ant-design/icons-react
yarn add @ant-design/icons-react
bun add @ant-design/icons-react
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads; no types.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2019-05-16 |
| First published | 2018-07-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 25.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1090 |
| Maintainers | afc163, bang88, chenshuai2144, heskey, tangjinzhou, vthinkxie, wendzhue, wilsoncook, yesmeck, zombiej |

## Links

- npm: https://www.npmjs.com/package/@ant-design/icons-react
- Repository: https://github.com/ant-design/ant-design-icons/tree/master/packages/icons-react
- npm.io page: https://npm.io/package/@ant-design/icons-react

## Dependencies (2)

- [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.26.0
- [@ant-design/colors](https://npm.io/package/@ant-design/colors.md) ^3.1.0

## Recent versions

- 2.0.1 (latest) — 2019-05-16
- 2.0.0 — 2019-05-07
- 1.1.5 — 2019-04-11
- 1.1.4 — 2019-04-02
- 1.1.2 — 2018-09-29
- 1.1.1 — 2018-09-06
- 1.1.0 — 2018-09-06
- 1.0.0 — 2018-09-02
- 1.0.0-alpha.7 — 2018-09-01
- 1.0.0-alpha.6 — 2018-08-31
- 1.0.0-alpha.5 — 2018-08-31
- 1.0.0-alpha.4 — 2018-08-31
- 1.0.0-alpha.3 — 2018-08-31
- 1.0.0-alpha.2 — 2018-08-30
- 1.0.0-alpha.1 — 2018-08-30
- … 9 more at https://npm.io/package/@ant-design/icons-react/versions

## README

<h1 align="center">
Ant Design Icons for React
</h1>

<div align="center">

[![NPM version](https://img.shields.io/npm/v/@ant-design/icons-react.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-react)
[![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons-react.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-react)

</div>

## Install

```bash
yarn add @ant-design/icons
yarn add @ant-design/icons-react
```

## Basic Usage

First, you should add the icons that you need into the library.

```ts
import { AntDesignOutline, DashboardOutline, TwitterOutline } from '@ant-design/icons';
import AntdIcon from '@ant-design/icons-react';
AntdIcon.add(AntDesignOutline, DashboardOutline);
```

After that, you can use antd icons in your React components as simply as this:

```jsx
<AntdIcon type="ant-design-o" />
<AntdIcon type="dashboard-o" />
<AntdIcon type={TwitterOutline} />
```

## Component Interface

```ts
interface AntdIconProps {
  type: string | IconDefinition;
  className?: string;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
  style?: React.CSSProperties;
}
```

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