ant-design/components/icon/demo/iconfont.md
2018-08-21 17:52:41 +08:00

840 B

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

zh-CN

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

en-US

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

import { Icon } from 'antd';

const IconFont = Icon.createFromIconfontCN({
  namespace: 'iconfont-foo',
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
  prefix: 'icon-',
});

ReactDOM.render(
  <div className="icons-list">
    <IconFont type="tuichu" />
    <IconFont type="facebook" />
    <IconFont type="twitter" />
  </div>,
  mountNode
);
.icons-list > .anticon {
  margin-right: 6px;
}