Shorten XML SVG path?

[ErraticFox]

Hello all. I know we all try to strive for clean code and I’m nitpicky about it. So is there any way to shorten out a svg xml code? For an example, here: http://jsfiddle.net/ErraticFox/0r1ctjgs/

If I was to use multiple SVGs, it’d be extremely messy even if properly formatted. I’m using the XML because I’ll be changing their colors.

[ErraticFox]

Put that inside a filled out HTML Doc with a couple other SVG XMLs and it’ll look somewhat messy, in my opinion. I was just wondering if there was any way of shortening the XML path. EDIT: Even in this article: https://css-tricks.com/using-svg/ they even say “A potentially “bloated” document, a big chunk of crap right in the document you’re trying to author, and inability to cache.”

[Shikkediel]

I tend to add the paths with jQuery, crowds the HTML much less and looks more natural inside a script (plus it’s usually not wrapped).

[Author]

Posts