Simple use svg on NextJS. this recommendation from me. you can use file svg on the public folder. but, you have difficulty changing color.

Convert image to svg using https://convertio.co/

step-step to use svg on NextJs:

1. make file Icon.tsx

export default function Icon() {
  return (
// svg value
)

2. change properties from kebab-case to camelCase

3. change color to dynamic color

fill="currentColor"

4. import icon

import Icon from '@/icons/Icon';

5. use/implementation icon

<Icon/>

I hope this article is useful. thank