antd-如何在自定义字体图标中生成scriptUrl

Question

我想在antd-Button中的React组件中添加play icon，我尝试遵循antd-Icon documentation和Icon font help，但没有成功生成{ {1}}

摘自官方文档：

scriptUrl

  

const MyIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // generated by iconfont.cn }); ReactDOM.render(<MyIcon type="icon-example" />, mountedNode); 是iconfont.cn项目生成的URL。

     

应该将属性scriptUrl设置为导入SVG精灵符号。

这是我代码中的摘录：

scriptUrl

Answer 1

在iconfont.cn中拥有帐户后，

• 转到Icon & Project

• 转到“我的项目”

• 单击“查看在线链接”以获取它

旁注

因为他们放弃了对组件的支持，而将svg作为组件。您可能更喜欢下载svg y do

import { Icon } from 'antd';
import PlayIconSvg from 'path/to/playIcon.svg'; // path to your '*.svg' file.

ReactDOM.render(
  <Icon component={PlayIconSvg} />,
  mountNode
);