在react项目中引入iconfont图标
程序员文章站
2024-02-16 18:23:40
...
在做react的项目时 引入了ant design组件库,由于组件库的图标 有限,想在项目中引入更多的图标,查了半天终于找到了解决办法。
解决办法
- 进入阿里巴巴图标库网站 登录
- 选择自己需要的图标,加入购物车。
- 点击选择之后的购物车,选择添加至项目,如果没有项目,可以新建。
- 下载图标至本地,解压文件,找到iconfont.js文件。
- 将iconfont.js文件放入 utils文件夹中。
- 在页面中引入 iconfont.js。
别忘了const IconFont = Icon.createFromIconfontCN({ scriptUrl: iconFont })
import { Icon } from 'antd'
然后就可以像用ant design 的Icon 一样了。
推荐阅读