diff --git a/examples/button/button.html b/examples/button/button.html
index 61776dfce6..f665c0650c 100644
--- a/examples/button/button.html
+++ b/examples/button/button.html
@@ -55,9 +55,39 @@ <h2 id="ex_label">Example</h2>
         <a tabindex="0" role="button" id="toggle" aria-pressed="false">
           Mute
           <svg aria-hidden="true" focusable="false">
-            <use xlink:href="images/mute.svg#icon-sound"></use>
+            <use xlink:href="#icon-sound"></use>
           </svg>
         </a>
+
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none" id="svg_definitions">
+          <defs>
+            <symbol id="icon-mute" viewBox="0 0 75 75">
+              <polygon
+                 id="polygon1"
+                 points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
+                 style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;" />
+              <path
+                 id="path3003"
+                 d="M 48.651772,50.269646 69.395223,25.971024"
+                 style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round" />
+              <path
+                 id="path3003-1"
+                 d="M 69.395223,50.269646 48.651772,25.971024"
+                 style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+            </symbol>
+            <symbol id="icon-sound" viewBox="0 0 75 75">
+              <polygon points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
+                style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;"/>
+              <path d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+              <path d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+              <path d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+            </symbol>
+          </defs>
+        </svg>
+
       </div>
 
       <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
diff --git a/examples/button/images/mute.svg b/examples/button/images/mute.svg
deleted file mode 100644
index d0123a3613..0000000000
--- a/examples/button/images/mute.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <symbol id="icon-mute" viewBox="0 0 75 75">
-      <polygon
-         id="polygon1"
-         points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
-         style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;" />
-
-      <path
-         id="path3003"
-         d="M 48.651772,50.269646 69.395223,25.971024"
-         style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round" />
-      <path
-         id="path3003-1"
-         d="M 69.395223,50.269646 48.651772,25.971024"
-         style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
-    </symbol>
-    <symbol id="icon-sound" viewBox="0 0 75 75">
-      <polygon points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
-        style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;"/>
-      <path d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577"
-        style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
-      <path d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076"
-        style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
-      <path d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01"
-        style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
-    </symbol>
-  </defs>
-</svg>
\ No newline at end of file
diff --git a/examples/button/js/button.js b/examples/button/js/button.js
index 5af4207faa..b27c129f65 100644
--- a/examples/button/js/button.js
+++ b/examples/button/js/button.js
@@ -7,8 +7,8 @@
 
 'use strict';
 
-var ICON_MUTE_URL = 'images/mute.svg#icon-mute';
-var ICON_SOUND_URL = 'images/mute.svg#icon-sound';
+var ICON_MUTE_URL = '#icon-mute';
+var ICON_SOUND_URL = '#icon-sound';
 
 function init() {
   var actionButton = document.getElementById('action');