How to use SVGs as components in React

As a developer, exporting icons or images in PNG format makes you restricted in some ways. Changing the color of icons in different states(hover, active, etc) means you might need to have downloaded the icons in different colors signifying the states...