Is there a polyfill for SVGs used as CSS backgrounds?

Question

I would like to use SVG and not back up PNG every time. Is this an easy solution to this problem? I looked through these projects, but I can’t say if they support this:

http://sie.sourceforge.jp/

http://code.google.com/p/svgweb/

Answer 1

try GruntIcon - http://github.com/filamentgroup/grunticon

grunticon takes a folder of SVG files (usually the icons you have as in Adobe Illustrator) and displays them in CSS in 3 formats: SVG URLs, png data URLs and a third reserve CSS file with links to regular png- images that are also automatically generated and placed in a folder.

grunticon also generates a small piece of JavaScript and CSS for removal to your website, which asynchronously loads the corresponding CSS icon depending on the capabilities of the browser, and an HTML preview file with this script loader in place.

Answer 2

There are quite a few SVG polygons:

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills#svg

Try them and update your initial question with results for each.