Vue-import icon iconfont into the project and use it

Alibaba vector icon library official website:

Open the official website - my material library

Select the item to import - click to download

 

 download a package

get after decompression

 

Copy all these files to the src/assets/icon directory of the vue project

import in main.js

import '@/assets/icon/iconfont.css'

 ready to use

【Example】

Write in <template> of any vue interface

<span class="iconfont icon-jubao2"></span>