vue3使用zrender引用antd的icon

可以使用以下步骤引用antd的icon：

1. 安装ant-design-vue和@ant-design/icons-vue

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

2. 在main.js中引入和使用

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

const app = createApp(App);

app.use(Antd);

const MyIcon = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1234567_abcd1234.js' // 你的图标库地址
});

app.component('MyIcon', MyIcon);

app.mount('#app');

3. 在组件中使用

<template>
  <div>
    <my-icon type="icon-name" />
  </div>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  components: {
    MyIcon: () => import("@ant-design/icons-vue")
  }
});
</script>

其中，`type`属性值为icon的名称，可以在Ant Design官网上查找到。在`createFromIconfontCN`中，`scriptUrl`为你的阿里巴巴矢量图标库的地址。