vue項目中進行icon合併

1.進入官方地址 iconMoon官方地址

2.選擇本身須要的icon (可能須要登陸)

3.

如圖能夠下載代碼 或者 添加至項目

4.

這是下載解壓出來的icon格式（網上有的下載的格式跟我有點區別 不過大同小異）

複製放到項目裏（demo的css html 和iconfont.js能夠不用放）

iconfont.css裏的 url注意下 要引對

若是是vue-cil搭的項目的話 在main.js裏引一下iconfont.css 在用到的頁面中引用也能夠

直接用就ok了

若是頁面已經有了icon 須要新的icon 就直接重複以上前三步 把下載的icon文件裏的iconfont.css 複製粘到項目裏原來的 iconfont.css 中就能夠了

 

 就ok了

固然還有不少庫的圖標能夠使用 以上只是一小部分

參考網頁：https://www.cnblogs.com/chinabin1993/p/8185398.html

https://www.imooc.com/article/33597?block_id=tuijian_wz