Use Svg Icons React. But it has only one class called path and it can be a bit tricky to convert all your svg icons. The preferable option is to use it as is, since svg in the image tag is rendered as an image and cannot be manipulated beyond the css styles for the image tag.
I am using webpack and trying to use an svg file that i have saved. Replace the <path /> with the one from your svg and set the proper viewbox. The other option is to create a react component containing your svg.
Animated icons in lottie framework and for immediate implementation to your apps or websites.
I have seen lot libraries for svg on react but none gave me how to import a.svg in the react component , i have seen code which talk about bring the svg code in to react rather than using the.svg icon as image and show it in the ui. By using svg, i avoided to use other image formats which would add performance penalties to my application. This issue is a continuation of the discussion on #7809. Complicated svg’s can sometimes be hard to convert (mostly the ones using some form of masking), but i’ve managed to convert most icons i’ve come across, so you should probably be able to do so too.