How to use SVGs as React Components in Next.js

SVGR turns SVGs into React components that you can easily import in your app. This way you have cleaner files and still have the ability to apply easy CSS on it! Get started:

Then update your next.config.js:

Now you can do the following:

That's it!