反应的蚂蚁设计图标

安装

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

基本用途

首先,您应该将您需要的图标添加到库中.

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

之后,您可以在反应组件中使用蚂蚁图标,就像这个:

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

组件接口

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