css - SVG in D3--scaling across browsers -

instead of generic svg shapes, want bind external svg icons data d3. can this

group = svg.selectall("g")            .data(dataset)            .enter()            .append("g"); group.append("svg:image")      .attr("xlink:href",path)      .attr(...) 

etc run several scaling issues. this fiddle embeds exemplary icon. running in 3 different browsers, 3 different renderings. chrome best:

edge:

firefox:

i've added viewport attribute, appears in various guides on how scale svgs, doesn't seem no matter coordinates set to. how can make scaling behave in chrome in browsers?