Importing SVGs In React: The Clean Way

import { ReactComponent as [your_image_name]} from “your image path”

Then you can use the SVG like any component.

React component that renders an inline SVG

Pros and cons of inline image and object SVG import

Remember to remove all inline styles that the SVG may have so your className can change the styles.

Removing SVG styles

Credit goes to Mohamed Lamine Allal