vue2+antd引入自定义图标并使用

要在Vue2中使用Ant Design的自定义图标，可以按照以下步骤进行：

1. 首先，确保已经安装了Ant Design的依赖包。可以使用命令npm install ant-design-vue --save来安装。

2. 在main.js文件中导入Ant Design的样式和组件：

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

Vue.use(Antd);

3. 在项目中创建一个icons目录，用于存放自定义图标的SVG文件。

4. 在icons目录中创建一个index.js文件，用于导出自定义图标：

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

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_xxxxxxx.js', // 替换成自己的图标链接
});

export default IconFont;

5. 在需要使用自定义图标的组件中，引入并使用IconFont组件：

<template>
  <div>
    <icon-font type="icon-custom" />
  </div>
</template>

<script>
import IconFont from '@/icons';

export default {
  components: {
    IconFont,
  },
};
</script>

这样，就可以在Vue组件中使用自定义图标了。在IconFont组件中，type属性用于指定图标的名称，这里的"icon-custom"就是自定义图标的名称