diff --git a/img/icon.svg b/img/icon.svg
new file mode 100644
index 0000000..ddd27e2
--- /dev/null
+++ b/img/icon.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="icon.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6"
+     inkscape:cx="1.2267573"
+     inkscape:cy="2.3071855"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1895"
+     inkscape:window-height="1056"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1004.3622)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:74.33879852px;line-height:125%;font-family:Arial;-inkscape-font-specification:'Arial Bold';letter-spacing:0px;word-spacing:0px;fill:#fcaf3e;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
+       x="-1.3067366"
+       y="1149.1501"
+       id="text4138"
+       sodipodi:linespacing="125%"
+       transform="scale(1.0919721,0.91577435)"><tspan
+         sodipodi:role="line"
+         id="tspan4140"
+         x="-1.3067366"
+         y="1149.1501"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:condensed;font-family:Impact;-inkscape-font-specification:'Impact Condensed';fill:#fcaf3e;">#</tspan></text>
+  </g>
+</svg>
diff --git a/img/icon_144.png b/img/icon_144.png
new file mode 100644
index 0000000..46774ca
Binary files /dev/null and b/img/icon_144.png differ
diff --git a/img/icon_16.png b/img/icon_16.png
new file mode 100644
index 0000000..4859733
Binary files /dev/null and b/img/icon_16.png differ
diff --git a/img/icon_168.png b/img/icon_168.png
new file mode 100644
index 0000000..699bae4
Binary files /dev/null and b/img/icon_168.png differ
diff --git a/img/icon_192.png b/img/icon_192.png
new file mode 100644
index 0000000..0b53a91
Binary files /dev/null and b/img/icon_192.png differ
diff --git a/img/icon_48.png b/img/icon_48.png
new file mode 100644
index 0000000..a20a65a
Binary files /dev/null and b/img/icon_48.png differ
diff --git a/img/icon_72.png b/img/icon_72.png
new file mode 100644
index 0000000..1df37a2
Binary files /dev/null and b/img/icon_72.png differ
diff --git a/img/icon_96.png b/img/icon_96.png
new file mode 100644
index 0000000..e8fc424
Binary files /dev/null and b/img/icon_96.png differ
diff --git a/index.html b/index.html
index 682944a..69eeaf4 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,9 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="css/w3.css">
     <link rel="stylesheet" href="css/schulte.css">
+    <link rel="manifest" href="manifest.json">
+    <meta name="theme-color" content="#2196F3">
+    <link rel="icon" sizes="192x192" href="img/icon_192.png">
     <script src="js/vue.min.js"></script>
     <title>Schulte Table</title>
     <style>
@@ -203,7 +206,11 @@ <h2>Schulte Table Test</h2>
             </div>
         </div>
     </div>
-
+    <script type="text/javascript">
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('sw.js');
+        }
+    </script>
     <script src="js/schulte.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..e3e67f3
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,33 @@
+{
+  "name": "Schulte Table",
+  "short_name": "SchulteTable",
+  "start_url": "/?homescreen=1",
+  "display": "standalone",
+  "background_color": "#2196F3",
+  "theme_color": "#2196F3",
+  "icons": [{
+    "src": "img/icon_48.png",
+    "sizes": "48x48",
+    "type": "image/png"
+  }, {
+    "src": "img/icon_72.png",
+    "sizes": "72x72",
+    "type": "image/png"
+  }, {
+    "src": "img/icon_96.png",
+    "sizes": "96x96",
+    "type": "image/png"
+  }, {
+    "src": "img/icon_144.png",
+    "sizes": "144x144",
+    "type": "image/png"
+  }, {
+    "src": "img/icon_168.png",
+    "sizes": "168x168",
+    "type": "image/png"
+  }, {
+    "src": "img/icon_192.png",
+    "sizes": "192x192",
+    "type": "image/png"
+  }]
+}
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..984b12f
--- /dev/null
+++ b/sw.js
@@ -0,0 +1,49 @@
+var cachePrefix = 'schulte-';
+var staticCacheName = cachePrefix + 'v1';
+
+self.addEventListener('install', e => {
+  e.waitUntil(
+    caches.open(staticCacheName).then(cache => {
+      return cache.addAll([
+        '',
+        'index.html',
+        'index.html?homescreen=1',
+        '?homescreen=1',
+        // CSS
+        'css/schulte.css',
+        'css/w3.css',
+        // Images
+        'img/dr_down_16.png',
+        'img/green_dot.png',
+        'img/settings_48.png',
+        // JS
+        'js/schulte.js',
+        'js/vue.min.js',
+        'sw.js'
+      ])
+      .then(() => self.skipWaiting());
+    })
+  )
+});
+
+self.addEventListener('activate', function(event) {
+  event.waitUntil(
+    caches.keys().then(function(cacheNames) {
+      return Promise.all(
+        cacheNames.filter(function(cacheName) {
+          return cacheName.startsWith(cachePrefix) && cacheName != staticCacheName;
+        }).map(function(cacheName) {
+          return caches.delete(cacheName);
+        })
+      );
+    })
+  );
+});
+
+self.addEventListener('fetch', event => {
+  event.respondWith(
+    caches.match(event.request).then(response => {
+      return response || fetch(event.request);
+    })
+  );
+});