使用 icoMoon 生成本身的圖標庫

1. 登陸網站

https://icomoon.io/app/#/select

2. 導入本身的圖標svg圖片

3. 按照提示選擇本身想要上傳的svg, 資源

連接: https://pan.baidu.com/s/1pLuShSJ 密碼: yev8

4. 點擊選擇

5. 生成本身的字體庫 而且下載

6. 解壓下載的文件

咱們須要兩個文件
fonts 和 style
style 能夠參考個人另一篇文章 https://segmentfault.com/a/1190000011121015

7. 使用方法

好比用vue-cli構建的一個單頁應用, 咱們能夠作一個index.css 在這個頁面, 咱們import一些經常使用的css,如reset, base, 還有上面生成的哪一個樣式. 最後放在 main.js 裏面 import 就好了

而後使用的時候
<div class="check_circle"><?div>...