``由于之前是做UI的，在之前的圖標使用中，我都是直接將icon下載成png格式來做圖，然后在網頁中以img形式引入并顯示。后來發現svg格式小一些，在網頁中就用svg格式圖標。 今天明白了阿里圖標庫真正的使用方法，沒有使用過的朋友一起學習下。 1.找圖標 在圖標搜索引擎中找我們需要的圖標，選中之后加入購物車：  2.下載圖標代碼 選出我們需要的幾個圖標后，找到購物車：  點擊下載后下載的是壓縮包，其中內容是css和字體文件：  3.使用字體圖標 （1）將我們下載好的壓縮包解壓復制，到我們的項目中，改名為iconfont。  （2）在項目中引入iconfont的css文件 ``` import './assets/iconfont/iconfont.css' ``` 在web的main.js主文件中：  （3）使用iconfont 下載的文件中有一個html文件，打開觀察圖標名：  可以觀察到其給我們自動生成了字體圖標的類名和使用方法，我們接下載的使用就是通過類名引入字體圖標。 ``` <span class="iconfont icon-more"></span> ```  生成圖標，對此類字體圖標添加樣式時與字體方法相同。  注：以后每次添加新圖標，都需要在阿里圖標中添加到購物車，重新下載所有文件替換之前下載到assets文件夾的iconfont文件。