ico图标制作使用
例:淘宝购物车图标
思路:将不同的矢量图绑定到不同的字符上生成自定义字体通过css样式调用
1.进入图标制作网站:https://icomoon.io/
2.导入矢量图标
可以选择自己本地的矢量图标,或网站自带的图标
①选择网站自带的
②选择自己的矢量图标
阿里巴巴矢量图标网,里面有大量的图标供你下载https://www.iconfont.cn/
选择心仪的图标下载
选择SVG(矢量图标格式)下载
下载到本地后,回到刚才的图标制作网站,点击此按钮进行导入图标
选择刚才下载的矢量图标
3.单击选择
4.点此开始制作
5.下载压缩包
查看调用方式
6.调用图标
解压刚才下载的压缩包,导入到你的项目下。
最简单的调用,在你的html标签下加入对应的类名,在这里是加入 class="icon-uniE900"便可看见你的图标