base64 to svg

by Pavlo

HTML

<svg id="mySvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

</svg>

CSS

svg{
			margin:20px;
			display:block;
        	height:100px;
		}

JavaScript

var image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAACa0lEQVRoge3ZTYhNUQAH8J+ZydQMyShMZkcsJnZKkQVpNrLwMQsWLIgNOxM7KQsbloqFklA2avKxQFiR75LGQglRGmlE43OexZn3vBlvZu68985588q/Tr23uv/fu+e+c++5/E+SLMUFXML6GncpO134jFzROFDTRmVkF34aiagrzDQcUhpQN5hmnDcxYkpj5uCO7IgpiVmIFyaPmFKYlehXPiI/diTuPSLdGFQ5IofXibsX0oOhDAWzjvdp69OEE1UoPnocTIloRW8ExEU0pEK040EExD20pEJ04lUExEvMTYVYg08REP1YnAqxHd8jIAaF9Sd68jd+1fx7zY8hbEuBaMLJCID82J8CMRNXIyJOpUAswJOIiCvC2Y6aZXgTEfEIM2IjujAQEfEWHbERO439XF2NMSCc7WjJ+lxdyfiBdTERzTgXGZHD7pgIWCvudMrhcEzAfLQNf94cEXNGmLpRMg/P8FjY7YBNwjyuJuK2MHWjIvIHi4V5jtmpELEwH7AoFgJujXPwh6pzzXzB8piItgwlKsX8woaYCJiOb5Exe2Mj8rmWsVA5mGOpELAvQ6Fy/gB60ZgKAavGKVMu5r6wv5U0K0oUqWSaJd2+KU6PyUPGwnzEkoTdC2nEO+VBSmFWJ+z+TypdtYuvmeRpwXHMGv7erfxV+zc2JuxeSAuuq3yhywkbaXsSdi+kGFFqnm+RHVNTxI0xSt31d5ptFe6P+oTdxKM4a+RO+6Cw51uTXDb+L1yM6VT6pUqH8BjcHrvseOkz8XS5WbN2k0ircEGfFh5yRiO+Cu856ioNwq3JETwVXqjUHaKu8weDl2AjvXtwcAAAAABJRU5ErkJggg==";

var svgimg = document.createElementNS("http://www.w3.org/2000/svg", "image");
svgimg.setAttribute( 'width', '24' );
svgimg.setAttribute( 'height', '24' );
svgimg.setAttributeNS("http://www.w3.org/1999/xlink", 'xlink:href', image);


document.getElementById("mySvg").appendChild(svgimg);