icomoon矢量图标生成及使用

阿里图标库

阿里的图标库已经蹦了好几天了，难道维护的小伙伴都输出到社会了？所以选择了icomoon替代iconfont。

 

制作svg

把png jpg图片使用ps导出svg，再导入icomoon会遇到问题，所以这边使用在线生成svg。  地址  https://www.pngtosvg.com

 

生成font

把svg导入到icomoon  

 

 会看到上传的图标 ，然后选中一个 ，点击下面的生成font。

 

 修改个图标名字，然后download

 

 

使用icomoon font

将下载下来的文件copy到assets下面

 

 在mian.ts中引入css

 

 修改一下style.css  避免跟阿里图标库冲突

 

 

最后查看一下demo.html中的使用  copy到自己的页面上。

 

 最后在自己的项目中就能看到图标啦。