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到自己的页面上。
最后在自己的项目中就能看到图标啦。