1.安装 @ant-design/icons
图标组件包
npm install --save @ant-design/icons
2.按需引入要使用的图标
import { PhoneOutlined } from '@ant-design/icons';
3.直接使用 (旋转90度的手机图标)
<PhoneOutlined style={{ fontSize: 20, color: 'red' }} rotate="90" />
4.Icon的参数
className | 类名 |
style | 样式(注意:{{}}&驼峰命名) |
rorate | 旋转度数 |
spin | 旋转动画 |
twoToneColor | 仅适用于双色风格的图标 |