react调用antd4.X自定义图标 icon | 阿里巴巴矢量图标

1 先贴图

2 看官网代码

https://ant.design/components/icon-cn/#components-icon-demo-custom

使用 iconfont.cn，使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接，我们在react里面调用它即可。

3 看这篇博客

https://blog.csdn.net/weixin_44021270/article/details/107377658

4 解决阿里巴巴矢量图标自定义更改后无法引用问题

当我们更改了阿里矢量图标后会出现这行次，而且生成以后无法调用。咱办嘞，有一个方法！

1. 我们把刚刚改的图标下载下来

2. 然后再给上传上来

3. 找到我们刚刚上传的图标，加入购物车。

4.生成代码，完成调用！