A quick but thorough 92 page “pocket” sized reference for getting started writing Scalable Vector Graphics.
Scalable Vector Graphics (SVG) is a language for describing two-dimensional graphics in XML. These graphics can consist of paths, images, and/or text that are able to be scaled and resized without losing image quality. Inline SVG refers to the embedded code written to generate these graphics.
Getting into the world of inline SVG can be vast and intimidating. It’s difficult to understand where to start and get a handle on all the syntax involved. This guide strives to provide designers and developers with the base knowledge needed to get started writing SVG and better understand its overall syntax and behavior through clear examples (with fruit images!) and thorough descriptions of properties and attributes.