除了使用 @ant-design/icons 的图标,
antd4x还支持在线图标,使用步骤如下

  1. iconfont上选择图表,添加到购物车
  2. 新建个项目,把这些图标归属到一个项目中,
  3. 在线生成 cdn链接,
  4. IconFont.js组件中引入 图标的 cdn链接
  5. 组件使用 IconFont组件,type属性就是图标名称

image.png

IconFont.js

  1. import { createFromIconfontCN } from '@ant-design/icons'
  2. export const IconFont = createFromIconfontCN({
  3. scriptUrl: [
  4. "//at.alicdn.com/t/font_3323814_tv6watlaynb.js"
  5. ],
  6. })

组件中使用图标

  1. <IconFont type={'icon-sql'} />