ant-design/components/icon/demo/iconfont.md
2022-05-23 14:37:16 +08:00

812 B

order title
3
zh-CN en-US
使用 iconfont.cn Use iconfont.cn

zh-CN

对于使用 iconfont.cn 的用户,通过设置 createFromIconfontCN 方法参数对象中的 scriptUrl 字段, 即可轻松地使用已有项目中的图标。

en-US

If you are using iconfont.cn, you can use the icons in your project gracefully.

import { createFromIconfontCN } from '@ant-design/icons';
import { Space } from 'antd';
import React from 'react';

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
});

const App: React.FC = () => (
  <Space>
    <IconFont type="icon-tuichu" />
    <IconFont type="icon-facebook" />
    <IconFont type="icon-twitter" />
  </Space>
);

export default App;