diff --git a/public/favicon.ico b/public/favicon.ico
index 578ad458..9e2637b4 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icons/icon-144x144.png b/public/icons/icon-144x144.png
new file mode 100644
index 00000000..09499916
Binary files /dev/null and b/public/icons/icon-144x144.png differ
diff --git a/public/icons/icon-192x192.png b/public/icons/icon-192x192.png
new file mode 100644
index 00000000..91df2c82
Binary files /dev/null and b/public/icons/icon-192x192.png differ
diff --git a/public/icons/icon-256x256.png b/public/icons/icon-256x256.png
new file mode 100644
index 00000000..8c7cf00a
Binary files /dev/null and b/public/icons/icon-256x256.png differ
diff --git a/public/icons/icon-384x384.png b/public/icons/icon-384x384.png
new file mode 100644
index 00000000..950e0c21
Binary files /dev/null and b/public/icons/icon-384x384.png differ
diff --git a/public/icons/icon-48x48.png b/public/icons/icon-48x48.png
new file mode 100644
index 00000000..28cf5a65
Binary files /dev/null and b/public/icons/icon-48x48.png differ
diff --git a/public/icons/icon-512x512.png b/public/icons/icon-512x512.png
new file mode 100644
index 00000000..a159989e
Binary files /dev/null and b/public/icons/icon-512x512.png differ
diff --git a/public/icons/icon-72x72.png b/public/icons/icon-72x72.png
new file mode 100644
index 00000000..71be8597
Binary files /dev/null and b/public/icons/icon-72x72.png differ
diff --git a/public/icons/icon-96x96.png b/public/icons/icon-96x96.png
new file mode 100644
index 00000000..66a6f163
Binary files /dev/null and b/public/icons/icon-96x96.png differ
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 00000000..332d5662
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,51 @@
+{
+  "name": "Unicorn Utterances",
+  "short_name": "Unicorn Utterances",
+  "start_url": "/",
+  "background_color": "#ffffff",
+  "theme_color": "#127db3",
+  "display": "minimal-ui",
+  "cacheDigest": "2a",
+  "icons": [
+    {
+      "src": "icons/icon-48x48.png?v=2a",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-72x72.png?v=2a",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-96x96.png?v=2a",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-144x144.png?v=2a",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-192x192.png?v=2a",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-256x256.png?v=2a",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-384x384.png?v=2a",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-512x512.png?v=2a",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/public/share-banner.png b/public/share-banner.png
new file mode 100644
index 00000000..2ea97d21
Binary files /dev/null and b/public/share-banner.png differ
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 00000000..a3833b42
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,14 @@
+self.addEventListener("install", function (e) {
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", function (e) {
+  self.registration
+    .unregister()
+    .then(function () {
+      return self.clients.matchAll();
+    })
+    .then(function (clients) {
+      clients.forEach((client) => client.navigate(client.url));
+    });
+});
diff --git a/public/uninstall-sw.js b/public/uninstall-sw.js
new file mode 100644
index 00000000..b19e1059
--- /dev/null
+++ b/public/uninstall-sw.js
@@ -0,0 +1,10 @@
+if ("serviceWorker" in navigator) {
+    navigator.serviceWorker
+        .register("/sw.js")
+        .then(serviceWorker => {
+            console.log("Service Worker registered: ", serviceWorker);
+        })
+        .catch(error => {
+            console.error("Error registering the Service Worker: ", error);
+        });
+}
\ No newline at end of file
diff --git a/src/layouts/document.astro b/src/layouts/document.astro
index 39a428a7..ade4083e 100644
--- a/src/layouts/document.astro
+++ b/src/layouts/document.astro
@@ -7,6 +7,8 @@ import '../global.scss';
 
 <html class="light">
     <head>
+      <meta name="viewport" content="width=device-width">
+      <meta charset="utf-8"/>
         <link
         rel="preload"
         as="style"
@@ -15,47 +17,47 @@ import '../global.scss';
       <link rel="icon" href="/favicon.ico" />
       <link rel="manifest" href="/manifest.json" />
       <meta name="theme-color" content="#127db3" />
-      <meta charset="utf-8"/>
       <link
         rel="apple-touch-icon"
         sizes="48x48"
-        href="/icons/icon-48x48.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-48x48.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="72x72"
-        href="/icons/icon-72x72.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-72x72.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="96x96"
-        href="/icons/icon-96x96.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-96x96.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="144x144"
-        href="/icons/icon-144x144.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-144x144.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="192x192"
-        href="/icons/icon-192x192.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-192x192.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="256x256"
-        href="/icons/icon-256x256.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-256x256.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="384x384"
-        href="/icons/icon-384x384.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-384x384.png?v=2a"
       />
       <link
         rel="apple-touch-icon"
         sizes="512x512"
-        href="/icons/icon-512x512.png?v=e32c87870d4630382a9dae8cae941af6"
+        href="/icons/icon-512x512.png?v=2a"
       />
+      <script defer src="/uninstall-sw.js" is:inline/>
       <ThemeStyle/>
       <slot name="head"/>
     </head>