自定义ICON需求普遍,不过往往只有一些PNG图片,这个时候就需要:
- 转化PNG为SVG
- 制作ICON的CSS库
- 添加相关CSS文件,并在项目中引用。
1:转化PNG为SVG,推荐一个网站 格式转化 需要注意的是,下一步制作需要的SVG文件大小限制为40K,请注意。
2:制作ICON,这里又推荐一个网站,就是 阿里图库
3:这个时候已经有了带有自己图标的CSS文件了,最新的文件有6个,如下
4:进入自己的Element项目中,拷贝上面这几个文件到项目中 修改iconfont.css文件:
5:然后在自己的项目中直接使用自己的clsName就行了 也就是你在阿里图库里看到的:
不知道这个简陋的教程能不能帮到有些人,要养成记录的习惯。主要还是为自己!