JSFiddle - React, Tailwind, and code Playground

HTML

<div class='putmehere'></div>
<img class='svg' id='mydragon' src="http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg"/>

CSS

svg:hover path {
    fill: red;
}
.imgcontainer {
    width: 200px;
    height: 200px;
}

JavaScript

var $img = $('img.svg');
   var imgID = $img.attr('id');
   var imgClass = $img.attr('class');
   var imgURL = $img.attr('src');
   $.get(imgURL, function(data) {
   var $svg = $(data).find('svg');
   $.get(imgURL, function(data) {
                                 var $svg = $(data).find('svg');
                                 if(typeof imgID !== 'undefined')
                                   {
                                    $svg = $svg.attr('id', imgID);
                                    }
                                 if(typeof imgClass !== 'undefined')
                                   {
                                    $svg = $svg.attr('class', imgClass+' replaced-svg');
                                    }
                                 $svg = $svg.removeAttr('xmlns:a');
                                 $img.replaceWith($svg);
                                 }, 'xml');
                               });