A simple way to swap out .svg files linked by images with the actual <svg> source so you can control colors, etc. with CSS.

inline-svg-swap.js

$(function(){
  
  $("img[src$='.svg']").each(function(i,el) {
    $.get(el.src, function(data) {
      var svg = $(data).find('svg');
        if (svg) {
          $(el).replaceWith(svg);
        }
     });
  });
	
});

If we have this in our HTML:

<h1 id='my-container'>
  <img src='logo.svg' />
</h1>

Now, run the JS above and we can control the svg's fill color, among other things.

#my-container path{
  fill: #F00;
}