React using Sprite SVG icons

We use a lot of icons and logos in our web applications and at the end we have a lot of SVG files. But using Sprite, all icons are loaded from one SVG file.

An example of an Sprite file:

To use any icon in React, you need to do this:

Here is output:

Note: You can not set your own style for elements inside #Shadow-root !

Related posts:

It was a very very long journey of pain and joy for many months (maybe my whole life), but essentially I began to listen to myself: I moved from a life of “shoulds” to a life of “wants”. I moved away…

I found that I learned attributions for AP style pretty well. I also feel that I ended up getting the hang of how to write a pretty good lead. I struggled with the interview writing style the most. I…

Creativity should be at the center of the school curriculum. This seems especially true in America which is, after all, the land of entrepreneurs and innovation. Americans, like Thomas Edison helped…