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:

How to use SVGs as React Components in Next.js

Automatically finds, parses and provides code actions and code completion for all available imports. Works with 

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

 class sorter for Visual Studio Code. It enforces consistent ordering of classes by parsing your code and reprinting class tags to follow a given order.

 within each repository. It helps you to 

 at a glance via Git blame annotations and CodeLens, 

 via rich visualizations and powerful comparison commands, and so much more.

This extension styles css/web colors found in your document.

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.

This extension contains code snippets for JavaScript in ES6 syntax for VSCode editor (supports both JavaScript and TypeScript).

I still struggle with paths so this is a helpful plugin!

Blog

How to use SVGs as React Components in Next.js

Top 10 VSCode extensions

My first sanity post