SVG Images in HTML with simple PNG failover

I love using Scalable Vector Graphics (SVG) in my sites. The graphics can be easily generated directly from Adobe Illustrator, and scale PERFECTLY making responsive design using these images easy. However browser support for SVG images is less than 100%, here is an easy trick for making sure you don't can any of these: showing up on your pages.