iconfont字體使用彩色圖標

1.先將選擇好的圖標加入購物車

2.然後添加至項目，可以選擇已有項目或者新建的項目

3.然後進入項目，點擊下載到本地

4.下載好的文件放入合適的目錄下

使用方法可以打開上圖的index.html查看

彩色圖標使用symbol中的引入方式

1.注意vue使用的時候一定要將iconfont.js文件引入到main.js中，使用import引用

（使用普通單色的圖標引入的是inconfont.css文件）

2.vue項目將下面代碼放入app.js中，普通項目引用到使用iconfont的本頁面就可以

3.挑選相應iconfont圖標，獲取類名，進行使用

<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>




<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg>