@ant-design/icons-react

Ant Design Icons for React

---

Install

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

Usage

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

import { Alibaba, Dashboard, Twitter } from '@ant-design/icons';
import AntdIcon from '@ant-design/icons-react';
AntdIcon.add(Alibaba, Dashboard);

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

<AntdIcon type={'alibaba'} />
<AntdIcon type={'dashboard-fill'} />
<AntdIcon type={Twitter} />

Component Interface

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