Iconfont 复合svg文件转单个svg文件

iconfont-svgs2svg

项目地址

工具出现的原因

大家在使用iconfront有没有遇到过这样的困扰，项目使用了iconfont的图标，由于各种原因没有了svg源文件，但是想在此基础上添加其他的图标，在iconfont上选好图标下载后。将新图标的css引入项目后导致原来的某些图标显示不正常了。所以特别想找回之前的svg文件。然后上传iconfont后一并下载，从而解决上面的引入多个iconfont css文件的导致图标显示异常问题。

所以iconfont-svgs2svg，他来了

使用方法

安装

npm install --global iconfont-svgs2svg
or
yarn global add  iconfont-svgs2svg

这里就全局安装了，然后想在哪儿用命令就都可以了。

使用

在iconfont下载项目图标压缩包，解压后会得到以下内容

找到iconfont.svg这个文件，就是它，我们要把它变回去。 使用命令

iconfont 目标文件路径/目标文件所在目录  输出路径
如：iconfont input output

点击回车键，提示succeed，就表示成功了

然后看看我们的output目录

哈哈，他们都回来了。 然后我们可以将它们上传到项目里，然后带上新图标整个下载下来了。