.SVG Browser Support

cross-browser svg
Jedda picture Jedda · Jan 19, 2012 · Viewed 93.9k times · Source

I'm working on a responsive design and I'm thinking of creating navigation icons as .svg files. What is current browser support like and is there a workaround/plugin for older browser versions?

Answer

bennedich picture bennedich · Jan 19, 2012

All major browsers have had support for years except <= IE8. Workaround could be for instance RaphaelJS.

Sources:

Related questions

Read Attributes of SVG-Elements in HTML via JS

I have the following markup (HTML with native SVG): <!doctype html> <!-- ... html-Elements ... --> <svg version="1.1" ... > <defs> <circle id="infop" cx="0" cy="0" r="9" /> </defs> <!-- ... svg Elements ... …

Read More
How to disable text selection highlighting

For anchors that act like buttons (for example Questions, Tags, Users, etc. which are located on the top of the Stack Overflow page) or tabs, is there a CSS standard way to disable the highlighting effect if the user accidentally …

Read More
How do I style a <select> dropdown with only CSS?

Is there a CSS-only way to style a <select> dropdown? I need to style a <select> form as much as humanly possible, without any JavaScript. What are the properties I can use to do so in …

Read More