diff --git a/pages/_document.js b/pages/_document.js
index fbdad13b..8436df87 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -6,6 +6,8 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head>
+          <link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png' />
+          <link rel='manifest' href='/site.webmanifest' />
           <link rel='preload' href={`${publicPrefix}/Lightningvolt-xoqm.ttf`} as='font' type='font/ttf' crossOrigin='' />
           <style
             dangerouslySetInnerHTML={{
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 00000000..57e1ad1b
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 00000000..7cc21228
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..7e61051f
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 00000000..08a9af2d
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,17 @@
+{
+  "name": "stacker news",
+  "short_name": "SN",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "display": "standalone"
+}
\ No newline at end of file
