這是一種全新的使用方式，應該說這才是未來的主流，也是平台目前推薦的用法。相關介紹可以參考這篇文章 這種用法其實是做了乙個svg的集合，與其他兩種方法相比具有如下特點：
使用步驟如下：
建立乙個自定義元件component svg-icon,
其**如下:
然後點選圖示管理---->我的專案----》點選+號 新建專案----》名字自己取
1.fontclass/symbol字首這個很重要，一定不要寫成：el-icon-***這樣的形式。如果寫成這樣的字首，會和element-ui框架所帶的圖示（icon）衝突，導致你圖示顯示不出來.
2.fontfamily隨便起乙個名字，能記住就行
只有後面的六個檔案是有用的，拷貝乙份匯入到專案的靜態檔案中,
引入js檔案,可以將其引入在main.js中(也可以在其他檔案中引入,比如在index.html靜態頁面),在main.js中註冊全域性元件
其**如下:
//引入 iconfont
import "./assets/iconfont/iconfont.js";
//全域性註冊元件
選擇symbol,複製對應的圖示名,
在需要使用圖示的地方使用該語法即可
十分感謝原博主的部落格,原部落格位址如下: 在vue專案中使用iconfont
在實際的專案開發中，我們經常會借助confont圖示庫來渲染一些圖示 本文將以win平台為例，詳細介紹在vue專案中使用iconfont的一般流程 開啟 iconfont官網 二 在專案中引入 使用 iconfont 在vue專案的styles目錄下，新建 iconfont 目錄 將 以 iconf...
vue專案中引入iconfont
對於前端而言，圖示的發展可謂日新月異。從img標籤，到雪碧圖，再到字型圖示，svg，甚至svg也有了類似於雪碧圖的方案svg sprite loader。雪碧圖沒有什麼好講的了，只是簡單地利用了background position來做圖示定位。今天咱們先聊聊怎麼使用字型圖示和svg圖示。其實字型圖...
Iconfont 在HTML中的使用
a.進入阿里巴巴向量圖示庫www.iconfont.cn挑選所需的圖示，加入購物車 unicode 是字型在網頁端最原始的應用方式，特點是 注意 新版 iconfont 支援多色圖示，這些多色圖示在 unicode 模式下將不能使用，如果有需求建議使用symbol 的引用方式 使用步驟如下 第一步 ...