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

   

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐