前端开发过程中自己制作图标库

1.首先可以在阿里上面下载自己所需的图标（svg）到本地。

地址：http://www.iconfont.cn/

2.开发此网站https://icomoon.io/app/#/select也可再次直接添加自己所需的图标

首先点击选中这里

接着点击这里引入你下载的svg的本地文件

选中如下

修改为英文名称

点击这里或者点击reset充值

 

进行字体属性设置

设置这三个地方，默认也可以

然后download下载的文件为zip解压到你本地

把其中的fonts和style.css文件拷贝到你的项目中的一个文件中，在我们的工程中的index.html文件中引入style.css。在需要图标的地方添加你的的class名称，一切就ok了

---

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！