Ant Design Icon图标使用

牛兴安
2023-12-01

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仅适用于双色风格的图标

   

 类似资料: