External <use>
is not working (no image is appearing):
<svg viewBox="0 0 32 32">
<use xlink:href="../../images/sprite.svg#service--back"></use>
</svg>
Yet, I check the path, and the path is working (yes, this is a different image):
<img src="../../images/arrow-left.svg" alt="">
The attached defs sprite is what is generated via the gulp task (using svg-sprite)
Am I missing something?
The
<defs><svg>
should be replaced with a<symbol>
, that's the first thing I noticed. Not sure if it will fix it but that's the first thing I noticed.