淘宝购物车图标的制作使用

ico图标制作使用

例：淘宝购物车图标

思路：将不同的矢量图绑定到不同的字符上生成自定义字体通过css样式调用
1.进入图标制作网站：https://icomoon.io/

2.导入矢量图标
可以选择自己本地的矢量图标，或网站自带的图标
①选择网站自带的

②选择自己的矢量图标
阿里巴巴矢量图标网，里面有大量的图标供你下载https://www.iconfont.cn/

选择心仪的图标下载

选择SVG（矢量图标格式）下载

下载到本地后，回到刚才的图标制作网站，点击此按钮进行导入图标

选择刚才下载的矢量图标

3.单击选择

4.点此开始制作

5.下载压缩包

查看调用方式

6.调用图标
解压刚才下载的压缩包，导入到你的项目下。
最简单的调用，在你的html标签下加入对应的类名，在这里是加入 class="icon-uniE900"便可看见你的图标