Scalable Vector Graphics

TUTORIALS

Tutorial 1: How to make basic shapes
Tutorial 2: How to display svg shapes on a web page using style (css)
Tutorial 3: Scaling and Rotations
Tutorial 4: Paths
Tutorial 5: Colour Gradient
Tutorial 6: Text, including text which follows a path
Tutorial 7: Animations
Tutorial 8: Filters

Best viewed in Opera browser!

Stills

Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!

Animations (use Opera browser and refresh screen; they do not animate in firefox or chrome)

Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!

Janet Hawtin's animals, using inkscape

Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!
Browser does not support SVG files!

Reference

Opera browser

For viewing all the features of this page, eg. the animations don't work in Firefox

SVG Essentials by J. David Eisenberg O'Reilly, 2002

I've had this book for some time. It explains the basics behind SVG and how to write XML directly to produce vector graphics.

inkscape

Free download available of an svg graphics editor. An Open Source vector graphics editor. I found that by saving with the Plain SVG option you do obtain XML similar to what you would get by handcrafting a simple icon