React 使用阿里巴巴矢量图标库管理Icon图标的Icon-antd用法

Icon.jsx文件 配置模板

import { Icon } from 'antd';

const IconFont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1448993_tmsmao7el7b.js'//复制(阿里巴巴矢量图标库)中的icon图标地址代码
});

export default IconFont;

在展示模块调用

import IconFont from '../../../common-components/Icon'
  return (
    <>
		 <IconFont
          type={"icon-block-straight-normal-copy"}//复制(阿里巴巴矢量图标库)中的icon图标代码
          className="icon-science"
          style={{ fontSize: "8em" }}//定义图标大小
        />
    </>
  );