Does injecting the SVG before everything, right after opening the <body> hinders page render performance?
Moving the injected SVG to the head solves the render issue, what would happen with page render performance, validation and compatibility (ie)?
PS: live example: http://codepen.io/rhawbert/pen/uAKfw
Thanks @legomushroom, very clarifying remarks. I think @SaraSoueidan said on twitter that Mobile devices would suffer a bit more with html parsing... I mean, those (minified) SVGs sure can get big as the amount of icons increases on a website... any thoughts?