如何使用Ant Design更改createFromIconfontCN制作的图标颜色？

Question

我想改变ant-design图标工具的**createFromIconfontCN**制作的图标的颜色，但是找不到自定义的方法
有什么办法可以改变它的颜色吗？

这是我的代码：

import { createFromIconfontCN } from '@ant-design/icons';

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

ReactDOM.render(
  <div>
    <IconFont type="iconright"></IconFont>
  </div>,
  mountNode,
);

您可以在这里查看：
https://ant.design/components/icon/
部分：**使用 iconfont.cn**

谢谢！

Answer 1

如果您将 style 属性包含在您想要的颜色中，它会改变颜色。

<IconFont type="iconright" style={{ color: "green" }} />

检查this 沙箱

如何使用Ant Design更改createFromIconfontCN制作的图标颜色？

How to change color of Icon which make from createFromIconfontCN with Ant Design?

css

icon-fonts

reactjs

antd

ant-design-pro