The advantages of using SVGs in web development are well known. SVGs are small in size, can be made quite accessible, are scalable while maintaining their quality, and can be animated. Still, there is a learning curve. Things, like the syntax of SVG, can be a little tricky and having to hand-alter SVG code sometimes isn’t out of the question.
Most SVG assets allow styling to be applied in predictable ways. For instance, this circle has a hover state … Read article “Add Background Colors to SVGs Using the “rect” Element”