原文：https://www.jianshu.com/p/38262f18eee2
1.打開iconfont阿里巴巴官網https://www.iconfont.cn
2.新建項目(這樣方便后期維護圖標庫)
image.png
3.把需要的圖標添加到購物車
image.png
4.打開購物車並選擇添加至項目，然后確定
image.png
5.這時候可以在項目中看到你選中的svg圖標，這時候可以點擊下載至本地
image.png
6.打開下載的zip包就可以看到里面的文件，將下面幾個文件取出
image.png
7.在vue的assets文件夾下創建icon文件夾，將取出的文件放入這個文件夾下
8.在main.js中引入import './assets/icon/iconfont.css'，這樣子就可以在vue項目中使用你下載的svg圖標
9.在vue中可以寫<span class="icon iconfont icon-right"></span>就可以正常顯示iconfont圖標，修改的時候只需要修改icon-right這個class就可以了，這個class名稱可以在font class中看到
如果后期想再添加圖片在iconfont.css拷貝過來添加到項目上
每次新增圖標后都要覆蓋一次資源文件