アイコンをSVGで表示する際、imgタグで出力時のカラー変更の方法

<img src="images/test-svg.svg" alt="">

(function() {
"use strict";

var desvg = function(selector, removeInlineCss) {
removeInlineCss = removeInlineCss || false;

var images,
imagesLength,
sortImages = {},

// load svg file
loadSvg = function (imgURL, replaceImages) {
// set up the AJAX request
var xhr = new XMLHttpRequest();
xhr.open('GET', imgURL, true);

xhr.onload = function() {
var xml,
svg,
paths,
replaceImagesLength;

// get the response in XML format
xml = xhr.responseXML;
replaceImagesLength = replaceImages.length;

// bail if no XML
if (!xml) {
return;
}

// this will be the <svg />
svg = xml.documentElement;

// get all the SVG paths
paths = svg.querySelectorAll('path');

if (removeInlineCss) {
// if `removeInlineCss` is true then remove the style attributes from the SVG paths
for (var i = 0; i < paths.length; i++) {
paths[i].removeAttribute('style');
}
}
svg.removeAttribute('xmlns:a');

while(replaceImagesLength--) {
replaceImgWithSvg(replaceImages[replaceImagesLength], svg.cloneNode(true));
}
};

xhr.send();
},

// replace the original <img /> with the new <svg />
replaceImgWithSvg = function (img, svg) {
var imgID = img.id,
imgClasses = img.getAttribute('class');

if (imgID) {
// re-assign the ID attribute from the <img />
svg.id = imgID;
}

if (imgClasses) {
// re-assign the class attribute from the <img />
svg.setAttribute('class', imgClasses + ' replaced-svg');
}

img.parentNode.replaceChild(svg, img);
};

// grab all the elements from the document matching the passed in selector
images = document.querySelectorAll(selector);
imagesLength = images.length;

// sort images array by image url
while (imagesLength--) {
var _img = images[imagesLength],
_imgURL;

if (_img.getAttribute('data-src')) {
_imgURL = _img.getAttribute('data-src')
} else {
_imgURL = _img.getAttribute('src')
}

if (sortImages[_imgURL]) {
sortImages[_imgURL].push(_img);
} else {
sortImages[_imgURL] = [_img];
}
}

// loops over the matched urls
for (var key in sortImages) {
if (sortImages.hasOwnProperty(key)) {
loadSvg(key, sortImages[key]);
}
}

};

window.deSVG = desvg;
})();

$(function(){
deSVG('クラス名',true);
});

<img class="svg_img" src="images/test-svg.svg" alt="">

$(function(){
deSVG('.svg_img',true);
});

.svg_img path{
  color: #f00;
  fill: currentColor;
}