如何改变颜色

[Over-reaction]

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

[JackpotM1103]

参考 https://github.com/pd4d10/vite-plugin-svgr/issues/72#issue-1609038919 的方式引入 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 我们可以关闭这个问题吗？