Ant Design的icon图标组件使用阿里图标矢量库iconfont

步骤1

 需要单独下载依赖 ：npm i  @ant-design/icons

步骤2:

登录-阿里巴巴矢量图标库iconfont-阿里巴巴矢量图标库

按照如下步骤创建一个项目

步骤3：

将你想要的图标加入购物车

步骤4：

加入购物车后按照如下步骤把图标添加到创建好的项目

步骤5：

按照如下步骤把资源文件下载下来

步骤6：

下载下来后，只需要iconfont.js这个js文件

然后把iconfont.js这个文件放到我们实际项目的里面，也下图为例，我这里放到项目下的assets/iconfont/目录下面

步骤7：

封装一个Demo，在需要图标的地方调用这个Demo即可

步骤8：

下面是调用案例

效果图