css - (Next.js) 如何在 next/image 中更改 SVG 的颜色？

Question

import Image from 'next/image'

...

<Image src="/emotion.svg" alt="emtion" width={50} height={50} />

我想更改 next/image 中的 SVG 颜色.
但是在 CSS 中，

img {
  fill="#ffffff"
}

不管用。
我该如何解决这个问题？

Answer 1

我建议您不要直接使用 svg 文件，而是使用 Playground SVG ( https://react-svgr.com/playground/ )，将文件转换为 JS，然后您可以通过 Prop 更改颜色和其他内容。