JSFiddle - React, Tailwind, and code Playground

HTML

base64: <img id="b64"...

CSS

img {
  border: 1px;
  max-width: 300px;
  max-height: 300px;
  vertical-align: top;
}

JavaScript

var str = atob(b64.src.split(',')[1]);
perc.src = 'data:image/svg+xml;charset=utf8,' + encodeURIComponent(str);

blob.src = URL.createObjectURL(
  new Blob([str], {
    type: 'image/svg+xml;charset=utf8'
  })
 );
blob.onload = _ => URL.revokeObjectURL(blob.src);