使用IcoMoon生成矢量图标库

使用IcoMoon生成矢量图标库

1、访问站点：https://icomoon.io/app/#/select

可以上传.svg(Scalable Vector Graphics)格式矢量图,导入到该平台，生成自定义的图标。

 

由于.svg图片需要Inkscape等专门软件打开，暂不做演示。这里直接选中网站内免费的图标做演示。

 

2、登录，搜索所需要图标

下面以“wifi”图标为例，如下，选中即为添加成功。

 

如下图所示，所有选中的图标，执行“Generate font”，之后点击“Download”将文件下载到本地。

 

3、解压下载的包，目录结构如下。

 

打开demo.html文件

如下截图各类图标引用标识，

 

 

4、使用demo

创建test.html文件，并将fonts目录和style.css文件拷贝到当前目录。

如下目录结构，

 

访问如下，

 

配置完成，实现了将icomon图标拷贝到本地使用。