在vue3下zrender怎么引用antd的icon

在Vue3下，可以通过以下步骤引用antd的icon：

1. 在Vue项目中安装Ant Design Vue和@ant-design/icons-vue：

npm install ant-design-vue @ant-design/icons-vue --save

2. 在Vue项目的入口文件main.js中引入Ant Design Vue和@ant-design/icons-vue：

import { createApp } from 'vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import { createFromIconfontCN } from '@ant-design/icons-vue';

const app = createApp(App);
app.use(Antd);

// 定义Antd iconfont
const MyIcon = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1234567_abcd1234.js', // 替换成你的iconfont链接
});

// 添加到全局变量
app.config.globalProperties.$antIcon = MyIcon;

app.mount('#app')

3. 在组件中使用Antd的icon：

<template>
    <div>
        <a-icon :type="$antIcon('icon-name')" />
    </div>
</template>

其中，`icon-name`是在iconfont中定义的图标名称。