如何改变颜色

[Over-reaction]

使用这个 我如何改变svg的颜色

[JackpotM1103]

参考 #72 (comment) 的方式引入 SVG 组件后，可通过 <SvgIcon fill="currentColor" />，以及为 <svg> 后代元素 <path> 设置 fill: inherit; 来改变颜色

<span style={{ color: "blue" }}>
  <SvgIcon
      className="change-color"
      fill="currentColor"
   />
</span>

.change-color path{
  fill: inherit;
}

[chennlang]

可以在组件上加个 class, 然后通过 color 来控制颜色

.custom-fill-svg {
  fill: currentColor;
  path, rect {
    fill: currentColor;
  }
}

<Icon class="custom-fill-svg text-red-500" />

[revelt]

@Over-reaction 我们可以关闭这个问题吗？

[Over-reaction]

@revelt 好的谢谢🙏