首先,我们先看下antd官方给出的文档
antd提供了createFromIconfontCN
方法来自定义icon
。
其中的scriptUrl
需要我们从阿里图标矢量库上去获取,在如下位置:
如果没有项目,请先创建一个。然后就可以自行搜索添加到项目,具体怎么操作可自己研究一下。注意:每添加,修改,删除项目中的图标时都需要更新一下这个链接
在实际项目中的使用:
首先安装:npm install --save @ant-design/icons
然后在你需要的位置创建自定义icon
,例如:
const Icons = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_1759882_i1ymt0z6028.js', // 在 iconfont.cn 上生成
});
像这样引用即可