在原有项目添加一个新的icon图标
第一步 找到原有图标所在的位置
如:
第二步 在阿里巴巴矢量图标库中下载
图标库地址:https://www.iconfont.cn/
在矢量图标库找到自己要新增加的图标,添加到购物车之后,选择添加至项目
如:
第三步 到我的项目中点击下载至本地
下载之后解压,解压完成的目录是这样的:
第四步 将先下载的代码复制到项目中
1.解压下载下来的压缩包,然后找到iconfont.css这个文件,将@font-face这一段复制到原来的iconfont.css文件中
还有
2 然后就是在下面将新图标的类复制过来,也是从新图标的iconfont.svg复制到原来的iconfont.svg中,注意如果新的图标的命名与原来的有冲突的话,自行修改一下,不然就覆盖掉原来的了
将下面的复制到项目icon中的iconfont.svg
<glyph glyph-name="xinxiguanli" unicode="" d="M268.8 678.1h401.1V631H268.8v47.1m0-170.6h401.1v-47.2H268.8v47.2m0-169.2h229.3v-47.1H268.8v47.1m712.5-164.7C946.4 231.9 947 233 947 233s-120.6-33.8-143.1 81.8H734S714.7 199 591.5 233.3c-35.6-59.4-36.8-61.2-36.9-61.3 0.1 0 96.5-67.4 0-158.9l37.4-61.5s106.5 45.9 141.4-79.6h70.7s22.2 115.3 141.9 81.2c34.1 58.2 34.7 58.8 34.7 58.8s-90.3 78 0.6 161.6zM767.4-33.1c-69.8 0-126.5 56.6-126.5 126.5s56.6 126.5 126.5 126.5S894 163.3 894 93.4s-56.7-126.5-126.6-126.5zM165.9-77.8c-37.8 0-68.4 30.6-68.4 68.4V774.1c0 37.8 30.6 68.4 68.4 68.4H776c37.8 0 68.4-30.6 68.4-68.4v-411.4H896v448C896 857.8 857.8 896 810.7 896H128C80.9 896 42.7 857.8 42.7 810.7v-853.3c0-47.1 38.2-85.3 85.3-85.3h392.5v50.2H195.9" horiz-adv-x="1024" />
3 上面几步都做完之后,就可以跟其他图标一样,在项目中使用啦。