Встроенная загрузка SVG через innerHTML, но не отображается в Mozilla, но только в Chrome

У меня есть тег SVG в моем HTML-коде как:

<svg height="1094.484" id="svg_elem" version="1.1" width="773.75" xmlns="http://www.w3.org/2000/svg" ><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs></svg>

Я делаю innerHTML на этом элементе SVG, чтобы поместить в пути как:

var get_data = localStorage.getItem("svg_data");
document.getElementById("svg_elem").innerHTML = get_data ;

Мое локальное хранилище состоит из путей, которые должны быть помещены в SVG innerHTML. Однако, когда я это делаю, SVG правильно загружает внутренний HTML:

<svg height="1094.484" id="svg_elem" version="1.1" width="773.75" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; z-index: 3; pointer-events: none; -webkit-user-select: text;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: text;">Created with Raphaël 2.1.2</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: text;"></defs><path style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; -webkit-user-select: text;" fill="none" stroke="#000000" d="M95.53125,172L95.53125,171L160.53125,171" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>

Но путь (прямая линия) не отображается на экране. Он отлично работает в Chrome, но не работает в Mozilla. Как я могу запустить этот запуск в Mozilla?