SVG image files are fun. They provide a lightweight alternative to bitmap files. An SVG file is a text representation of a vectorial image (SVG stands for Scalable Vector Graphics) and as such, it increases in size not with the resolution but with the amount of detail. A simple SVG file can have a file weight of 1 or 2 kb where a corresponding PNG file would be at least 10 times the size.
SVGs files have a number of other advantages: They are scaleable (that is, they display nicely at any resolution). As they are text-based, they are easily editable and suited both to being indexed by search engines (and so to SEO). They also support fun features like animation and CSS styling and animation.
All that is cool, but it's nothing to get excited about as pertains to React. The fun starts with the fact that since SVG files are just text, they can be created in React JS just like any other text output. And that opens up a lot of fun possibilities!
-------
Want to go into further depth? Head to [ Ссылка ]
