Load and place SVG icons within wrapper container (ES6).

helpers.js

// Loop context for svg icons to load.

// Wrap arg defaults to main wrapper, 
// but will accept any query string. 
export function setSvgIcons(wrap = "#wrap") {
  let ctx = $(wrap + " [data-svg-icon]:not(.loaded)");
  if (ctx.length) {
    let path = window.location.origin;
    for (let i = 0; i < ctx.length; i++) {
      let c = ctx[i];
      let img = path + c.getAttribute("data-svg-icon");
      $(c).load(img, () => {
        c.setAttribute("class", "loaded");
      });
    }
  }
}

// Use in markup like this:
// <span data-svg-icon="/images/icons/icon.svg"></span>