Ant Design Icons for React

Install

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.

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:

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

Component Interface

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

Current Tags

2.0.1 ... latest (7 years ago)

24 Versions

2.0.1 ... 7 years ago
2.0.0 ... 7 years ago
1.1.5 ... 7 years ago
1.1.4 ... 7 years ago
1.1.2 ... 8 years ago
1.1.1 ... 8 years ago
1.1.0 ... 8 years ago
1.0.0 ... 8 years ago
1.0.0-alpha.7 ... 8 years ago
1.0.0-alpha.6 ... 8 years ago
1.0.0-alpha.5 ... 8 years ago
1.0.0-alpha.4 ... 8 years ago
1.0.0-alpha.3 ... 8 years ago
1.0.0-alpha.2 ... 8 years ago
1.0.0-alpha.1 ... 8 years ago
0.3.0-beta.3 ... 8 years ago
0.3.0-beta.2 ... 8 years ago
0.3.0-beta.1 ... 8 years ago
0.2.0-beta.1 ... 8 years ago
0.1.2-alpha.3 ... 8 years ago
0.1.2-alpha.2 ... 8 years ago
0.1.2-alpha.1 ... 8 years ago
0.1.0-alpha.6 ... 8 years ago
0.1.0-alpha.5 ... 8 years ago