How to use .svg files in a webpage?

Question

I want to know how can one actually use a .svg file In a web page?

Answer 1

If all you want to do is to place an SVG image such as a logo or static diagram, you just need to be careful to provide a fallback for older versions of Internet Explorer (i.e. versions 8 and earlier).

The best and simplest method I've found is to use a .png or .jpg for your fallback, placed using a normal img tag. You then wrap the img tag in an object tag, using the data attribute to place the SVG.

The img fallback is only loaded and used if the browser doesn't understand SVG.