# 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/](https://convertio.co/)

step-step to use svg on NextJs:

1. make file Icon.tsx
    

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

2. change properties from **kebab-case** to **camelCase**
    
3. change color to dynamic color
    

```javascript
fill="currentColor"
```

4. import icon
    

```javascript
import Icon from '@/icons/Icon';
```

5. use/implementation icon
    

```javascript
<Icon/>
```

I hope this article is useful. thank