如何在Ant Design中设置图标的大小？

在Ant Design中，可以通过Icon组件来设置图标的大小。Icon组件提供了两种方式来设置图标大小：使用内联样式或者使用className。

1. 使用内联样式： 可以通过在Icon组件中添加style属性，设置fontSize来控制图标的大小。例如，设置图标大小为16px：

import { Icon } from 'antd';

<Icon type="smile" style={{ fontSize: '16px' }} />

推荐的腾讯云相关产品：云函数 SCF（Serverless Cloud Function）是一个事件驱动的无服务器计算服务，支持自动弹性扩缩容，实现按需计费。产品介绍链接地址：https://cloud.tencent.com/product/scf

1. 使用className： 可以通过为Icon组件添加className属性，设置自定义的CSS类名，然后在CSS中定义该类名的样式来控制图标的大小。例如，设置图标大小为16px：

import { Icon } from 'antd';
import './CustomIcon.css'; // 自定义CSS文件

<Icon type="smile" className="custom-icon" />

在CustomIcon.css文件中定义.custom-icon的样式：

.custom-icon {
  font-size: 16px;
}

推荐的腾讯云相关产品：云开发 CloudBase 是一款一体化后端云服务，提供云函数、静态托管、数据库、存储、CDN 等多个云服务组件，实现前后端一体化开发。产品介绍链接地址：https://cloud.tencent.com/product/tcb