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到自己的页面上。

 

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

 

posted @ 2022-06-30 11:15  gaojy  阅读(470)  评论(0编辑  收藏  举报