If you have not already seen this article, you might be interested in it:
http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/
For backwards browser support and caching there is also the option to convert the svg file (just xml after all) into base64 and add it to the url in a CSS file. This is supported in IE 8 and allows IE to scale the svg image in all versions as well. It has the drawback of making the CSS file larger, but can be a single file load and be cached.
I don't know if the base64 version works with the concept of SVG classes that allows you to change the color of icons using CSS.
It is a definitely a good article and well argued.
It certainly makes things easier when you simply decide not to send most of the icons to IE8. But it's good that someone's out there finding and fixing all the problems with rolling new technologies out into production.
For feature icons there is lotsa fun you can do with svgs, including animating paths with css.
Quick fun illustrating different branding colours applied to svg :
http://stuartlamour.com/mrooms/fun/allthesvg.html
(yeh - you will probably need to use a v.modern browser
But for generic icons, i think i still prefer to use an icon font.
Warning, the above post ^^^^^^^^^ contains flashing images, you may need to put on shades before you are hypnotised .
lolz, i slowed it down...
command plus or whatever for full effect and bonus point to who can spot where the little grades stamp may have some from....
Yey Learn Moodle badge!
mary wins
The date one doesn't look as nice as the others. I'm suspecting a font issue due to me being on Ubuntu? (Though I don't see any flashing either so it may just be my version of Firefox is too old).
It seems like no-one talks about VML any more, has it just gone out of fashion or is it not up to the task of being a polyfill for SVG in IE8?
It seems like no-one talks about VML any more, has it just gone out of fashion or is it not up to the task of being a polyfill for SVG in IE8?
oops - thanks david - the cal icon is trying to use a webfont which i include in the theme, but didn't in the demo.
Also found a fun way to make the cal icon show the current date. Which is nice.