I have an animation with a lot of svg's in it, so I'd like to reference them so that the code in the page is a bit easier to handle.
I can animate the paths if I have all the svgs in the page but is it possible to move the svg's into a external files (I've tried <svg> <use> and <img>) but I can't seem to target the paths when I do this?
See the Pen ByRNEZ by LegendT (@LegendT) on CodePen
Hi Scribble,
The SVG inside the <use> tags won't show up in your CodePen because the file is on another domain and you aren't referencing it (#left-hand).
<svg class="left-hand">
<use xlink:href="http://my-server.com/left-hands.svg#left-hand"></use>
</svg>
However, using <use> might not be the best solution if you are trying to create SVG animations. First, IE does not support it, although there are ways around this. Second, the SVG is encapsulate