在做Vue項目時由于ant design組件庫的圖標有限今缚，需要引入其他一些圖標榨为。
（1）登錄 阿里巴巴圖標庫網(wǎng)站
（2）選擇自己所需的圖標后是己，把他們加入購物車
（3）點擊選擇之后的購物車献联，選擇添加至項目當中劝篷，如果沒有項目，則新建一個項目
圖一
（4）進入圖標所在的項目當中通今，下載圖標至本地
圖二
（5）解壓文件粥谬，找到iconfont.js文件
圖三
（6）將iconfont.js文件放入utils文件中
（7）在頁面中引入iconfont.js文件
import iconFront from '../utils/iconfont'
import { Icon } from 'ant-design-vue';
const myicon = Icon.createFromIconfontCN({
scriptUrl: iconFront
})
Vue.component('my-icon', myicon)
（8）在所需頁面中調(diào)用組件
<my-icon slot="prefix" type="iconyuechi" style="color: rgba(0,0,0,.25)"></my-icon>