diff --git a/src/gui/html/elements/loot-custom-icons.html b/src/gui/html/elements/loot-custom-icons.html
index 88569071..c3eabb4b 100644
--- a/src/gui/html/elements/loot-custom-icons.html
+++ b/src/gui/html/elements/loot-custom-icons.html
@@ -1,15 +1,16 @@
-<link rel="import" href="../../../../bower_components/core-iconset-svg/core-iconset-svg.html">
+<link rel="import" href="../../../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../../../bower_components/iron-iconset-svg/iron-iconset-svg.html">
 
-<core-iconset-svg id="loot-custom-icons">
-    <svg viewBox="0 0 24 24" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" fit style="pointer-events: none; display: block;">
-        <defs>
-            <g id="m-circle">
-                <circle cx="12" cy="12" r="10"/>
-                <path d="m 8,17 0,-9 0.4,0 3.2,5 0.8,0 3.2,-5 0.4,0 0,9" style="stroke: white; stroke-width: 2; fill: none;" />
-            </g>
-            <g id="crown">
-                <path d="m 5,16 -1,-9 5,3 3,-7 3,7 5,-3 -1,9 z m 0,1 0,2 14,0 0,-2 z" />
-            </g>
-        </defs>
-    </svg>
-</core-iconset-svg>
+<iron-iconset-svg name="loot-custom-icons">
+  <svg viewBox="0 0 24 24" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" fit style="pointer-events: none; display: block;">
+    <defs>
+      <g id="m-circle">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="m 8,17 0,-9 0.4,0 3.2,5 0.8,0 3.2,-5 0.4,0 0,9" style="stroke: white; stroke-width: 2; fill: none;" />
+      </g>
+      <g id="crown">
+        <path d="m 5,16 -1,-9 5,3 3,-7 3,7 5,-3 -1,9 z m 0,1 0,2 14,0 0,-2 z" />
+      </g>
+    </defs>
+  </svg>
+</iron-iconset-svg>
diff --git a/src/gui/html/native-shadow-dom.html b/src/gui/html/native-shadow-dom.html
new file mode 100644
index 00000000..8eca2b43
--- /dev/null
+++ b/src/gui/html/native-shadow-dom.html
@@ -0,0 +1,5 @@
+<script>
+  'use strict';
+  window.Polymer = window.Polymer || {};
+  window.Polymer.dom = 'shadow';
+</script>
diff --git a/src/tests/gui/html/elements/test_loot-custom-icons.html b/src/tests/gui/html/elements/test_loot-custom-icons.html
new file mode 100644
index 00000000..aaa29bda
--- /dev/null
+++ b/src/tests/gui/html/elements/test_loot-custom-icons.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8" />
+  <title>test_loot-custom-icons.html</title>
+
+  <link rel="import" href="../../../../gui/html/native-shadow-dom.html">
+
+  <link rel="import" href="../../../../../bower_components/iron-icon/iron-icon.html">
+
+  <link rel="import" href="../../../../gui/html/elements/loot-custom-icons.html">
+</head>
+
+<body>
+  <iron-icon icon="loot-custom-icons:crown"></iron-icon>
+  <iron-icon icon="loot-custom-icons:m-circle"></iron-icon>
+</body>
