.svg file is not displaying in SharePoint 2019 on premise

Question

I am trying to add an svg file in SharePoint 2019 on-premise content editor web part but it is not displaying. It is working in previous versions of SharePoint.

Please find attached error screen and HTML script

Answer 1

SharePoint was retuning svg content type as "application/octet-stream" instead of "image/svg+xml"

Solution:

The issue can be resolved by installing the IIS 6 Metabase Compatibility windows feature either through Server Manager UI or using the following PowerShell commands:

import-module servermanager
install-windowsfeature web-metabase

This will also resolve other css mime issues

Answer 2

You could open the SVG file in a text editor(I use VS code),then copy and paste the content of the SVG in text editor to the Script Editor web part.

Answer 3

Try opening up your F12 Developer Tools and checking either the document mode dropdown. Switch the mode to "Edge" .

If it's worked , you may need add html meta http-equiv="X-UA-Compatible" content="IE=edge" to your master page