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

Question

import Image from 'next/image'

...

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

我想更改next/image.

但在 CSS 中，

img {
  fill="#ffffff"
}

不管用。

我该如何解决这个问题？

Answer 1

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