For some reason, the SVG image is loading on all browsers except for Firefox.
I checked the DOM but couldn't find the code. Just to clarify, I am serving the page from Tomcat 9.0.34
<kendo-grid grid-options="gridOptions">
<img
src="common/svg/Plain-HedvigLogo.svg"
height="150"
width="100"/>
</kendo-grid>The logo svg file that should be displayed in the browser is Plain-Logo.svg
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 459.2 602.7" style="enable-background:new 0 0 459.2 602.7;" class="add-new-placeholder" xml:space="preserve">
<style type="text/css">
.st0{fill:#8496A1;}
.st1{fill:#476273;}
.st2{fill:#061A28;}
.st3{fill:#082335;}
.st4{fill:#FFA4B4;}
.st5{fill:#FF778F;}
.st6{fill:#FF4A6A;}
.st7{fill:#C53953;}
.st8{fill:#841F37;}
.st9{fill:#922A3E;}
.st10{fill:#0B2E44;}
</style>
<g>
<path class="st0" d="M177.9,125.8h-51.7V74.1h48.1c2,0,3.6,1.6,3.6,3.6V125.8z"/>
</g>
<g>
<path class="st1" d="125.8z"/>
<rect x="126.2" y="125.8" class="st1" width="51.7" height="51.7"/>
</g>
... (all other paths and rectangles)
</svg>Despite working on other browsers, the SVG image does not appear on Firefox.
I'm puzzled as to why it's not showing up on Firefox or even in the DOM code.