diff --git a/src/components/Header.vue b/src/components/Header.vue
index b7f9695..883d794 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,5 +1,8 @@
 <template>
     <div class="flex bg-white p-2 border-b h-16">
+        <div class="my-auto mr-2">
+            <img src="/icon.png" class="size-12 rounded"/>
+        </div>
         <div class="my-auto mr-auto overflow-hidden">
             <div class="font-bold">MeshCore Client</div>
             <div class="text-sm truncate">
diff --git a/src/index.html b/src/index.html
index c0d3c81..7fc1fbc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,9 +1,21 @@
 <html lang="en">
 <head>
+
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, interactive-widget=resizes-content">
     <title>MeshCore Client</title>
+    <meta name="title" content="MeshCore Client">
+    <meta name="description" content="A simple, mobile friendly, web based MeshCore client.">
+    <link rel="icon" type="image/png" href="icon.png"/>
+    <link rel="manifest" href="/manifest.json">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://meshcore.liamcottle.net">
+    <meta property="og:title" content="MeshCore Client">
+    <meta property="og:description" content="A simple, mobile friendly, web based MeshCore client.">
+
 </head>
 <body>
 <div id="app" class="bg-gray-100"></div>
diff --git a/src/public/icon.png b/src/public/icon.png
new file mode 100644
index 0000000..f5438b3
Binary files /dev/null and b/src/public/icon.png differ
diff --git a/src/public/manifest.json b/src/public/manifest.json
new file mode 100644
index 0000000..88e2096
--- /dev/null
+++ b/src/public/manifest.json
@@ -0,0 +1,17 @@
+{
+  "name": "MeshCore",
+  "short_name": "MeshCore",
+  "description": "A simple, mobile friendly, web based MeshCore client.",
+  "scope": "/",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "icon.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "display": "standalone",
+  "theme_color": "#FFFFFF",
+  "background_color": "#FFFFFF"
+}
diff --git a/src/public/service-worker.js b/src/public/service-worker.js
new file mode 100644
index 0000000..328e48e
--- /dev/null
+++ b/src/public/service-worker.js
@@ -0,0 +1,4 @@
+self.addEventListener('fetch',function() {
+    // this is required to meet the requirements for an installable pwa
+    // it allows the browser to ask the user if they want to install to their homescreen
+});
