Vue.icon是一個提供了豐富的圖標庫，方便我們在項目中使用圖標的框架。Vue.icon的圖標庫分為兩個部分，分別是線性圖標和填充圖標。

使用Vue.icon極為方便，我們只需要在項目中引入Vue.icon的CDN地址，在需要使用圖標的地方生成對應的icon標簽即可。

<i class="icon icon-名稱">

其中，icon-名稱即為該圖標的名稱，我們只需要從Vue.icon提供的圖標庫中選取需要的圖標，將其名稱替換到icon-名稱即可。除此之外，我們也可以對icon標簽進行樣式的修改，如字體大小、顏色等等。

Vue.icon不但提供了豐富的線性和填充圖標，還允許我們自行上傳SVG格式的圖標進行使用。

//自行上傳的SVG格式圖標
Vue.icon.add('icon-名稱', 'SVG圖標地址')

Vue.icon的使用非常簡單，不僅方便了我們在項目中使用圖標，還大大減輕了我們使用圖標的工作量。