我想调整svg图像"headset.svg"的颜色和大小。
在使用next/image之前：

<Image
  src={'/headset.svg'}
  alt='logo'
  width={30}
  height={30}
  className='object-contain'
/>

字符串
这对大小很好，但我想改变颜色（在css中）以及。
我添加了svgr工具来创建svg图像的组件。
next.config.js:

module.exports = {
    webpack(config) {
      config.module.rules.push({
        test: /\.svg$/i,
        issuer: /\.[jt]sx?$/,
        use: ['@svgr/webpack'],
      })
      return config
    },
  }

型
代码：

import Logo from '../public/headset.svg';
...
<Logo className='w-[50px] h-[50px] text-black' />

型
但css（className ='w-[50px] h-[50px] text-black'）未应用于svg图像。