在CSS中设置ant design图标的粗细

Question

附上用于设置厚度的图标图像

我尝试使用CSS中的笔画和笔画宽度来设置圆的厚度，但它们都不起作用。该图标是从 antdesign 导入的。有人可以帮忙解决这个问题吗？非常感激。谢谢

目前我的代码看起来像这样（React）

<PlusCircleOutlined
    style={{
         fontSize: "50px",
         color: "#408021",
         storke: "#408021",
         strokeWidth: "2px",
        }}
 />
enter code here

Answer 1

您有一个拼写错误“storke”，应该是“中风”，但这不是问题。要使线条更粗，您需要使用stroke等于white或等于背景颜色的属性来擦除部分填充区域：

  <PlusCircleOutlined  style={{
        fontSize: "50px",
         color: "#408021",
         strokeWidth: "30", // --> higher value === more thickness the filled area
         stroke: "white" 
  }}/>