Support for linked external SVG sprite

Hi, I recently learned this technique which allows you to build a custom icon system via a linked external SVG sprite.

So the icon of choice is written to the DOM like this:

<svg id="the-icon">
  <use xlink:href="sprite.svg#icon-of-choice"></use>
</svg>

The browser displays the right SVG, but it seems like Vivus cannot animate it. I guess this technique differs from what Vivus expect the SVG element to be.

I’m new to the use of SVG files and I don’t know if I’m asking for something stupid. If so, I’m really sorry and you can close the issue.

Thanks!

[maxwellito]

Here is the JSfiddle, I put some comments in it. Don’t hesitate to hack it. https://jsfiddle.net/svhf9jwz/

[maxwellito]

You’re welcome sir!! 😃