Как создать scriptUrl в Custom Font Icon

Question

Я хочу добавить значок воспроизведения к моему antd-Button компоненту (React), я пытался следовать документация antd-Icon и Справка по шрифту значков без успеха в генерации scriptUrl

Из официальных документов:

const MyIcon = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // generated by iconfont.cn
});

ReactDOM.render(<MyIcon type="icon-example" />, mountedNode);

scriptUrl - URL-адрес, созданный проектом iconfont.cn.

Свойство scriptUrl должно быть настроено на импорт символов спрайта SVG.

Вот фрагмент из моего кода:

const PlayIcon = Icon.createFromIconfontCN({
  scriptUrl: '', // How to generate url?
});

// Button inside component
<Button shape="circle" onClick={someAction}>
  <PlayIcon type="icon-play"/>
</Button>

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
);