JSFiddle - React, Tailwind, and code Playground

CSS

svg {
    border: 1px solid black;
    background-color: steelblue;
}

JavaScript

var logoUrl = 'http://placehold.it/100x50&text=Logo';

//SVG Setup stuff
 var svg = d3.select("body")
  .append("svg")
  .attr('id','mySVG')
  .attr({
      "width": '100%',
      "height": '100%'
  })
 
var svg_img =  svg.append('image')
  .attr('image-rendering','optimizeQuality')
  .attr('x','0')
  .attr('y','0');

//Load image and get size.
var img = new Image();
img.src = logoUrl;
img.onload = function() {
 var width = this.width;
 var height = this.height;
    
 svg_img .attr('height', height)
  .attr('width',width)
  .attr('xlink:href', logoUrl)

}