diff --git a/news/2 Fixes/10168.md b/news/2 Fixes/10168.md
new file mode 100644
index 000000000000..cf00c00c0f5d
--- /dev/null
+++ b/news/2 Fixes/10168.md	
@@ -0,0 +1 @@
+Fix svg mimetype so it shows up correctly in richest mimetype order.
\ No newline at end of file
diff --git a/src/datascience-ui/interactive-common/transforms.tsx b/src/datascience-ui/interactive-common/transforms.tsx
index d4b3a86d511a..8b77b0fdab14 100644
--- a/src/datascience-ui/interactive-common/transforms.tsx
+++ b/src/datascience-ui/interactive-common/transforms.tsx
@@ -65,7 +65,7 @@ const mimeTypeToImport: TransformData[] = [
         const module = await import(/* webpackChunkName: "plotly" */ '@nteract/transform-plotly');
         return module.PlotlyTransform;
     }),
-    new TransformData('image/svg', async () => {
+    new TransformData('image/svg+xml', async () => {
         const module = await import(/* webpackChunkName: "nteract_transforms" */ '@nteract/transforms');
         return module.SVGTransform;
     }),