Loading multiple SVG with svg-overlay

Good Morning, I am using the svg-overlay.js component to load an SVG. My question is : If I need to load multiple SVG do I need to create multiple SVG overlays aswell or there is a cleaner way to achieve it? Thanks you so much for any guidelines. This is the code I am using to load one svg:

// LOAD SVG
var svgOverlay = viewer.svgOverlay();
var path = 'images/money.svg';
function loadSVG(path, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function(e) {
    try {
      if (xhr.readyState == 4 && xhr.status == 200) {
        callback(xhr.responseXML.documentElement);
      }
    } catch (e) {
      console.log(e);
    }
  };
  //
  xhr.open('GET', path, true);
  xhr.overrideMimeType('text/xml');
  xhr.responseType = 'document';
  xhr.send();
}
loadSVG(path, function(data) {
  var g = data.getElementById('moneyG');
  svgOverlay.node().appendChild(g);
}); // END LOAD SVG

[Salitehkat]

And we appreciate it. 😉 From this chaos and sadness some things have to turn into positive things… Greetings from France.

[msalsbery]

Closing this, feel free to re-open if there’s any issues!