定制PNG图标教程(基于SVG图片)

最近希望找一张透明背景、图案为白色的“配置”图标。找了一些PNG资源网站，要么白色背景的图片很少，要么支持颜色定制但需要订阅收费才能使用。

 考虑到之前收藏了一个不错的免费SVG资源网站，也找到了一个不错的SVG转PNG网站，如下图所示。

SVG资源网站比较多数的图标也是黑色的，但是好在SVG文件是可编辑的，最终我们只要修改fill属性就可以定制出想要颜色的图形。下面以白色的“配置”图标为例阐述下整个过程：

1. 在SVG Repo找到合适的SVG图标.

2. 用VSCode打开下载的SVG文件，更改配色为#FFFFFF.

3. 将修改后的SVG文件上传到SVGtoPNG 网站，得到最终的文件.

结论

该方案不但可以生成图案为白色的PNG图片，也可以将不同图元设置成不同颜色，以生成高度定制的PNG图片，比如下图所示的电量显示。