diff --git a/layout/reftests/svg/bug-1562091-icon.svg b/layout/reftests/svg/bug-1562091-icon.svg
new file mode 100644
index 000000000000..c7839998c0dd
--- /dev/null
+++ b/layout/reftests/svg/bug-1562091-icon.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   x="0"
+   y="0"
+   width="24px"
+   height="7992px"
+   viewBox="0 0 24 7992"
+   preserveAspectRatio="none">
+  <path
+     style="opacity:1;fill:#338000;fill-opacity:1;stroke:#333333;stroke-width:0.00377953;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+     d="m 12.254729,7226.1639 a 10.219037,9.9150381 0 0 0 -10.2187504,9.914 10.219037,9.9150381 0 0 0 10.2187504,9.916 10.219037,9.9150381 0 0 0 10.21875,-9.916 10.219037,9.9150381 0 0 0 -10.21875,-9.914 z m -4.8632817,5.4238 a 1.8472255,1.8472254 0 0 1 1.8476563,1.8476 1.8472255,1.8472254 0 0 1 -1.8476563,1.8477 1.8472255,1.8472254 0 0 1 -1.8476563,-1.8477 1.8472255,1.8472254 0 0 1 1.8476563,-1.8476 z m 7.9511717,0.1894 a 2.8750086,2.8750083 0 0 1 2.875,2.875 2.8750086,2.8750083 0 0 1 -2.875,2.875 2.8750086,2.8750083 0 0 1 -2.875,-2.875 2.8750086,2.8750083 0 0 1 2.875,-2.875 z m -9.4726561,5.9942 c 2.3418683,-0.014 5.6283111,3.4184 11.8808601,3.3125 l 0.560546,0.8418 c -2.199521,1.9496 -11.6343041,3.7181 -13.9374997,-3.5078 0.4646917,-0.456 0.9556625,-0.6433 1.4960936,-0.6465 z"/>
+</svg>
diff --git a/layout/reftests/svg/bug-1562091-ref.html b/layout/reftests/svg/bug-1562091-ref.html
new file mode 100644
index 000000000000..78c5f8622f00
--- /dev/null
+++ b/layout/reftests/svg/bug-1562091-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+</head>
+
+<body>
+    There should be a visible icon after this text:
+    <!-- No icon in the reference, we test that the original is different from the reference-->
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/bug-1562091.html b/layout/reftests/svg/bug-1562091.html
new file mode 100644
index 000000000000..ee192a88dd3e
--- /dev/null
+++ b/layout/reftests/svg/bug-1562091.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <style>
+        .IconElement { direction: ltr; text-align: left; height: 24px; overflow: hidden; width: 24px; display: inline-block; position: relative; }
+        .IconImage::before { content: url("./bug-1562091-icon.svg"); }
+        .IconImage { position: absolute; left: 0px; top: -7224px; }
+    </style>
+</head>
+
+<body>
+    There should be a visible icon after this text:
+    <div class="IconElement"> <div class="IconImage">&nbsp;</div> </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/layout/reftests/svg/reftest.list b/layout/reftests/svg/reftest.list
index a7ef0e6a2565..07d7d2b9518c 100644
--- a/layout/reftests/svg/reftest.list
+++ b/layout/reftests/svg/reftest.list
@@ -588,3 +588,5 @@ random-if(/^Windows\x20NT\x206\.1/.test(http.oscpu)) skip-if(geckoview&&webrende
 
 == mask-resource.html mask-resource-ref.html
 fails-if(Android) != mask-resource.html about:blank # The image the test uses is not on Android
+
+!= bug-1562091.html bug-1562091-ref.html
