antd 项目中使用iconfont图标

想在antd design项目中使用阿里图标图标

使用方式和在普通项目中的使用方法一样,

如果你只是自己在阿里图标库中自己找个图标使用 首先进入阿里图标首页, 搜索你想要的icon


点击右上角 购物出, 下载代码
antd 项目中使用iconfont图标_第1张图片

如果你有自己的项目
antd 项目中使用iconfont图标_第2张图片

下载代码到本地以后 解压

antd 项目中使用iconfont图标_第3张图片

把当前这六个文件复制到项目中


记得修改iconfont.css文件的前缀路径
然后在全局的less文件中引用iconfont.css文件

如果还不出来 就查看有没有样式等, 可能还需要把.iconfont.css中的 iconfont的样式复制要你引用的less文件中

然后使用3
在这里插入图片描述

你可能感兴趣的:(react,阿里图标,iconfont)