@ant-design/icons-react
Version:
<h1 align="center"> Ant Design Icons for React </h1>
47 lines (34 loc) • 1.12 kB
Markdown
<h1 align="center">
Ant Design Icons for React
</h1>
<div align="center">
[](https://npmjs.org/package/@ant-design/icons-react)
[](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;
}
```