Easy Using SVG on NextJS Typescript
A
I am an enthusiastic researcher and developer with a passion for using technology to innovate in business and education.
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:
- make file Icon.tsx
export default function Icon() {
return (
// svg value
)
change properties from kebab-case to camelCase
change color to dynamic color
fill="currentColor"
- import icon
import Icon from '@/icons/Icon';
- use/implementation icon
<Icon/>
I hope this article is useful. thank
