vue 中使用阿里iconfont彩色圖標

在main.js中

import './assets/images/iconfont/iconfont.css'
import './assets/images/iconfont/iconfont.js'

 

assets / images / iconfont中的東西 就是你下載的文件 解壓出來的

在組件中使用的話

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

其中紅色的字是從阿里iconfont里復制的代碼

 

 

 

記得在css中加

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