React+Ant Design 中使用阿里图标库

最新推荐文章于 2025-06-05 15:21:41 发布

原创最新推荐文章于 2025-06-05 15:21:41 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #javascript

阿里图标库地址

//iconFont.jsx

import { createFromIconfontCN } from '@ant-design/icons';
// 替换为你的在线链接
const scriptUrl = '//at.alicdn.com/t/c/font_4860964_3q272svgwhk.js'; 
const Iconfont = createFromIconfontCN({
  scriptUrl, // 通过 createFromIconfontCN 自动加载图标
});
export default Iconfont;


//index.jsx 项目中使用

import IconFont from './components/iconFont'
{/* 直接通过 type 使用图标名称 */}
<Iconfont type="icon-user" style={{ fontSize: 24 }} />