除了使用 @ant-design/icons 的图标,
antd4x还支持在线图标,使用步骤如下
- iconfont上选择图表,添加到购物车
- 新建个项目,把这些图标归属到一个项目中,
- 在线生成 cdn链接,
- IconFont.js组件中引入 图标的 cdn链接
- 组件使用 IconFont组件,type属性就是图标名称
IconFont.js
import { createFromIconfontCN } from '@ant-design/icons'
export const IconFont = createFromIconfontCN({
scriptUrl: [
"//at.alicdn.com/t/font_3323814_tv6watlaynb.js"
],
})
组件中使用图标
<IconFont type={'icon-sql'} />