拿到设计师给的.svg格式图标兴冲冲地上传到iconfont，发现上传的图标是空白的。用编辑器打开发现里面没有<path>，于是自己动手将psd里的图标做成svg上传到iconfont做成图标。按照iconfont的教程没做好，可能是我不会用AI的缘故。在网上找啊找，这里做下笔记。
参考的网址：
/webplat...
/binmen...
1.首先psd里面图标得是形状，选中图标复制图层到新建文件
2.将其裁剪成正方形，裁剪的时候图标周围记得留一定空白，可以自己衡量
3.之后把图标保存为.EPS格式，默认就行
4.将保存的EPS格式图标用AI(Adobe illustrator)打开，移到左上角对齐画布
之后鼠标移到图标右下角，按住shift将其等比拉伸铺满画布
5.将图标保存为svg格式，默认就行
然而这时候上传到iconfont图标还是空白的，可能格式不符合的缘故吧
6.接下来随便从iconfont下载一个svg格式图标（因为要以它的格式为准），复制一份，用编辑器打开，找到<path></path>代码，这就是要用来替换的路径
用编辑器打开刚刚用AI保存的svg格式图标，将其中的<path></path>复制，替换掉上面从iconfont下载的svg的path；或者用工具过滤，只留路径，然后复制替换
注意代码里的viewBox要和用AI保存的一致，打开保存的svg看看就知道了
保存的图标的viewBox是0 0 64 64，那么就把viewBox改成和它一样的，否则更改好的svg放到浏览器一看，图标没了。。。
更改好以后保存放到浏览器看看，图标能显示
