На сайте подгружается отдельный HTML файл, в котором объявлен один большой SVG код. Пример:
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-arrow-left" viewBox="0 0 129.19 245.66"><title>icon-arrow-left</title>
<path fill="none" stroke="#b89d67" stroke-miterlimit="10" stroke-width="9" d="M126.01 242.48L6.36 122.83 126.01 3.18"/>
</symbol>
<symbol id="icon-arrow-right" viewBox="0 0 129.19 245.66">
<title>icon-arrow-right</title>
<path fill="none" stroke="#b89d67" stroke-miterlimit="10" stroke-width="9" d="M3.18 3.18l119.65 119.65L3.18 242.48" data-name="Layer 1"/>
</symbol></svg>
В указанных местах использую обычный вызов. Пример:
<svg class="logo">
<use xlink:href="#logo"></use>
</svg>
В Chrome и IE все работает, но в Firefox иконки отображаются исключительно только на главной страницы сайта на внутренних иконки не отображаются, вычитал что проблема в теге base. Решил проверить, если тег base убрать, то все корректно работает и на внутренних страницах сайта. В теге base указана ссылка на главную страницу сайта - всегда. Это особенность Firefox или где то допущена ошибка?