ant icon怎么使用

要使用Ant Design的图标库，你需要按照以下步骤进行操作：

1. 首先，在你的项目中安装Ant Design依赖包。你可以使用npm或者yarn来进行安装。在命令行中运行以下命令：

   npm install antd

或者

   yarn add antd

2. 安装完成后，在你的代码中引入所需的图标组件。例如，如果你想使用"search"图标，可以在你的代码中添加以下导入语句：

   import { SearchOutlined } from '@ant-design/icons';

3. 现在你可以在你的代码中使用该图标了。例如，在一个按钮上添加"search"图标：

   import { Button } from 'antd';
   import { SearchOutlined } from '@ant-design/icons';

   // ...

   <Button icon={<SearchOutlined />}>搜索</Button>

在这个例子中，我们使用了`Button`组件，并将`<SearchOutlined />`作为`icon`属性传递给按钮。

4. 你还可以自定义图标的样式。例如，你可以通过添加`style`属性来更改图标的颜色、大小等样式：

   <Button icon={<SearchOutlined style={{ color: 'red', fontSize: '24px' }} />}>搜索</Button>

现在你应该能够顺利使用Ant Design的图标库了。你可以查阅Ant Design官方文档以了解更多关于图标的使用和可用图标的信息。