Javascript 如何在Ant Design中设置图标的大小？

所以当我在Ant设计中使用图标时，它总是14*14px。 有没有办法设定maual的大小

诸如此类

<Icon width={"20px"} type="setting" />

或

不要工作

它应该是

<Icon type="message" style={{ fontSize: '16px', color: '#08c' }} theme="outlined" />

使用

这是一个工作代码笔：

---

使用javascript的最佳方法

Icon.setTwoToneColor("#000");

---

在新的antd图标版本中，可以按如下方式增加图标的大小：

import { MessageTwoTone } from "@ant-design/icons";

并称之为：

  <div style={{ fontSize: "30px" }}>
        <MessageTwoTone />
      </div>

我尝试将它用作

的属性，但该属性不再像上面答案中提到的旧版本那样工作

编辑：- 我也可以这样做

         <MessageTwoTone style={{ fontSize: "30px" }}/>

---

根据下面的评论，第二种方式比第一种好。这两种方法都适用于我。

可以使用

fontSize

style属性更改图标的大小

例如：使用

style={{fontSize:'150%}

<PlayCircleFilled style={{ fontSize: '150%'}} />

---

不确定这是否只适合我，但到今天为止，已接受的答案不起作用，我通过在图标组件中放置一个类名，并以该类的svg为目标，使其起作用。这里有一个例子

component.js

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

  <CheckCircleTwoTone
                    twoToneColor="#52c41a"
                    className="reg_icon"
                />

---

我也试过了，效果不错。我发布了一个代码笔示例。同样有效的是，您正在使用单个图标组件，如我的浏览器中的so

，至少，您的代码笔不起作用。您不应该这样做。只有当图标从其父图标继承其字体大小时，该选项才起作用。您应该直接将样式属性添加到图标中。Ålmerol当时是正确的，现在这是更好的解决方案。谢谢你的提示，你是对的。他们更新了它，现在你应该使用另一种方法了。因为我接受了@Kelum Sampath的答案

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

  <CheckCircleTwoTone
                    twoToneColor="#52c41a"
                    className="reg_icon"
                />

.reg_icon {
    svg {
        font-size: 120px !important;
    }
}