ant-design 的icons怎么引入到vue3

要在 Vue 3 中使用 Ant Design 的 Icons，你可以按照以下步骤进行引入：

1. 首先，使用 npm 或者 yarn 安装 `@ant-design/icons-vue`：

npm install @ant-design/icons-vue

或

yarn add @ant-design/icons-vue

2. 在你的 Vue 3 项目中，打开 `main.js` 文件（或者你的入口文件），添加以下代码：

import { createApp } from 'vue';
import { createFromIconfontCN } from '@ant-design/icons-vue';

const app = createApp(App);
const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_XXXXXXX.js', // 替换为你的 iconfont.cn 生成的 js 地址
});

app.component('IconFont', IconFont);

app.mount('#app');

请注意，你需要将 `scriptUrl` 替换为你在 iconfont.cn 生成的 JavaScript 地址。在 iconfont.cn 上选择你需要的图标，加入购物车并生成 JavaScript 地址。

3. 现在，你可以在 Vue 组件中使用 Ant Design 的 Icons 了。例如，在一个组件中使用 `IconFont` 组件：

<template>
  <div>
    <IconFont type="icon-example" />
  </div>
</template>

其中 `type` 属性对应于你在 iconfont.cn 上选择的图标的 Font Class 名称。

通过以上步骤，你就可以成功引入 Ant Design 的 Icons 到 Vue 3 项目中了。记得将 `scriptUrl` 替换为你自己的 JavaScript 地址。