Automatically inline SVGs when using img tags.

inline-svg-min.js

'use strict';(function(){var a=new DOMParser,b=document.querySelectorAll('img[data-svg-inline]');b.forEach(function(c){var d=c.src,e=c.parentNode;fetch(d).then(function(f){return f.text()}).then(function(f){var g=a.parseFromString(f,'image/svg+xml'),h=g.documentElement;e.replaceChild(h,c)})})})();

inline-svg.js

(() => {

    let parser = new DOMParser();
    let svgTags = document.querySelectorAll('img[data-svg-inline]');

    svgTags.forEach(svgTag => {

        let imageURL = svgTag.src;
        let imageParent = svgTag.parentNode;

        fetch(imageURL)
            .then(response => response.text())
            .then(svgData => {
                var svgDocument = parser.parseFromString(svgData, 'image/svg+xml');
                let svgElement = svgDocument.documentElement;
                imageParent.replaceChild(svgElement, svgTag);
            });

    });

})();