Easy Using SVG on NextJS Typescript

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
)
  1. change properties from kebab-case to camelCase

  2. change color to dynamic color

fill="currentColor"
  1. import icon
import Icon from '@/icons/Icon';
  1. use/implementation icon
<Icon/>

I hope this article is useful. thank