JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/fabric.js/1.2.0/fabric.all.min.js"></script>
<h1>canvas</h1>
<canvas style="left: -300px; border: 1px dotted;   " height="385" width="400" id="c"></canvas>
<input type="button" id="svg3" value="set background" />

JavaScript

$(document).ready(function(){
var canvas = new fabric.Canvas('c');
   var colorSet="red";
   $("#svg3").click(function(){
	 fabric.loadSVGFromURL('http://upload.wikimedia.org/wikipedia/en/c/cd/-Islandshreyfingin.svg', function (objects, options) { 
		  var shape = fabric.util.groupSVGElements(objects, options);
       shape.set({
            left: 150,
            top:200,
			//height: 700,
			//width: 700,
           scaleX: .35,
            scaleY:.35
        });

        if (shape.isSameColor && shape.isSameColor() || !shape.paths) {
            shape.setFill(colorSet);
        } else if (shape.paths) {
            for (var i = 0; i < shape.paths.length; i++) {
                shape.paths[i].setFill(colorSet);
            }
        }
		
        canvas.add(shape);
        canvas.renderAll();
      });
     });
});