关于antd自定义icon的方法

最新推荐文章于 2025-02-25 14:31:12 发布

犹如幻翳！

最新推荐文章于 2025-02-25 14:31:12 发布

阅读量4k

点赞数

文章标签： react

本文链接：https://blog.youkuaiyun.com/zw686668/article/details/118372385

版权

关于antd自定义icon的方法

第一步：资源管理->新建项目->把需要的图标添加到项目库->使用symbol生成js在线链接(如上)

第二部：引入在线链接

import { Icon } from 'antd';

const IconFont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', //引入在线链接
});

ReactDOM.render(
  <div className="icons-list">
    <IconFont type="icon-tuichu" />
    <IconFont type="icon-facebook" />
    <IconFont type="icon-twitter" />
  </div>,
  mountNode,
);