diff --git a/icons/MaterialIcons-Regular.eot b/icons/MaterialIcons-Regular.eot
new file mode 100644
index 0000000..70508eb
Binary files /dev/null and b/icons/MaterialIcons-Regular.eot differ
diff --git a/icons/MaterialIcons-Regular.ttf b/icons/MaterialIcons-Regular.ttf
new file mode 100644
index 0000000..7015564
Binary files /dev/null and b/icons/MaterialIcons-Regular.ttf differ
diff --git a/icons/MaterialIcons-Regular.woff b/icons/MaterialIcons-Regular.woff
new file mode 100644
index 0000000..b648a3e
Binary files /dev/null and b/icons/MaterialIcons-Regular.woff differ
diff --git a/icons/MaterialIcons-Regular.woff2 b/icons/MaterialIcons-Regular.woff2
new file mode 100644
index 0000000..9fa2112
Binary files /dev/null and b/icons/MaterialIcons-Regular.woff2 differ
diff --git a/index.html b/index.html
index 9e10ae5..573dbb2 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <head>
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin=""/>
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta charset="utf-8" />
 <style>
   #content {
@@ -21,8 +20,40 @@
   body .leaflet-div-icon {
     border: 0;
   }
-  body .material-icons {
-    font-size: 32px;
+  @font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url(icons/MaterialIcons-Regular.eot); /* For IE6-8 */
+    src: local('Material Icons'),
+      local('MaterialIcons-Regular'),
+      url(icons/MaterialIcons-Regular.woff2) format('woff2'),
+      url(icons/MaterialIcons-Regular.woff) format('woff'),
+      url(icons/MaterialIcons-Regular.ttf) format('truetype');
+  }
+  .material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 32px;  /* Preferred icon size */
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+  
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+  
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+  
+    /* Support for IE. */
+    font-feature-settings: 'liga';
   }
 </style>
 </head>
diff --git a/src/config.js b/src/config.js
index 16b4a34..634f80a 100644
--- a/src/config.js
+++ b/src/config.js
@@ -56,7 +56,7 @@ const config : Config = {
     },
     snackbar: {
       name: "Snackbar",
-      position: [550, 200],
+      position: [560, 200],
       icon: "kitchen",
       ui: [
         {
@@ -92,7 +92,7 @@ const config : Config = {
     },
     artnet: {
       name: "Artnet",
-      position: [550,150],
+      position: [560,165],
       icon: "wb_incandescent",
       ui: [
         {
@@ -119,7 +119,7 @@ const config : Config = {
     },
     onkyo: {
       name: "Onkyo",
-      position: [350, 350],
+      position: [350, 380],
       icon: "volume_up",
       ui: [
         {
