I can recommend the SVG Primer (published by the W3C), which covers this topic: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML
If you use
*) Well, not quite for free, because some browsers download both resources, see Larry’s suggestion below for how to get around that.
2014 update:
If you want a non-interactive svg, use with script fallbacks
to png version (for older IE and android < 3). One clean and simple
way to do that:
.
This will behave much like a GIF image, and if your browser supports declarative animations (SMIL) then those will play.
If you want an interactive svg, use either