SVG图标文件制作

一、下载安装Adobe Illustrator （AI）

这里我用的是CC 2019版本

关注微信公众号：

关注后回复“AI”或“ai”免费下载Adobe Illustrator CC 2019安装包

---

二、使用AI制作

1.首先准备一个你需要制作图标的透明背景png图片，这里我用我的LOGO作为演示
2.打开AI软件，按Ctrl+O打开文件选择你需要制作图标的透明背景png图片

图标文件建议体积小一点，这里我用128*128的作演示
注意：iconfont上传的大小限制在40kb内，所以最佳尺寸是128*128

3.点击窗口，选择图像描摹

4.如果你想制作彩色的图标，模式选择彩色；制作黑白的就选择黑白；然后点击描摹

这里我制作一个彩色的
描摹后效果如下

5.按Shift+Ctrl+D显示透明度网络，显示后效果如下

6.点击 对象 ，选择扩展

勾选 对象 和 填充 ，然后点击确定

7.选择 选择工具

然后鼠标左击两下图标的空白处

效果如下

然后在单击一下图标的空白处，再次鼠标左击两下
然后效果就如下图

此时按键盘中的Del键（也就是删除键）就能把边框删掉，如果如下图

8.按Shift+Ctrl+S保存为SVG文件

SVG选项默认即可

这样图标就做好啦