Web开发学习笔记:Ionic4开发时使用iconfont图标库图标

1.直接在https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.7&type=3中找到自己需要的图标,然后下载svg格式

 

2.在angular.json中找到对应的图标存放目录

 

3.然后将下载下来的图标改名为跟以下文件格式相同(名字前加ios/md)之后就可以直接使用了

注:

使用时如果不需要图标的默认颜色,一定要将图标的默认颜色去掉,否则使用图标时选中图标不会变色(除非自己用代码设置选中状态不同时使用的图标不一样)

参考链接:https://www.jianshu.com/p/101a592bc67c