SVG要素（データ）をbase64でエンコードしてData URLスキームに変換する関数

//---------------------------------
//svgのDOM要素をbase64コードに変換
//
//引数1:$svg    svg要素
//
//返り値:data URL スキーム
//---------------------------------
function getDataURLFromSVG($svg){
    let svgData = new XMLSerializer().serializeToString($svg[0]);
    return "data:image/svg+xml;base64,"
                + btoa(unescape(encodeURIComponent(svgData)))
}

上記の返り値をimgタグのsrc属性に設定すればsvg画像が表示されます。

Pocket