Insert inline svg in document from images src

svg_form_img.js

window.addEventListener('load', function () {
  'use strict';

  var images = document.querySelectorAll("img[src$='.svg'");
  var len = images.length;

  for (var i = 0; i < len; i++) {
    var img = images[i];
    svgFromIMG(img);
  }

  function svgFromIMG(img) {
    var id = img.id;
    var url = img.getAttribute('src');
    var classes = img.getAttribute('class');
    var parent = img.parentNode;

    var xhr = new XMLHttpRequest();

    xhr.open('GET', url, true);
    xhr.onload = function () {
      var xml = xhr.responseXML;
      if (!xml) { return }
      var svg = xml.documentElement;

      if (id) { svg.id = id }
      if (classes) { svg.setAttribute('class', classes) }

      parent.appendChild(svg);
      parent.removeChild(img);
    };
    xhr.send();
  }
});