diff --git a/assets/favicon.png b/assets/favicon.png
new file mode 100644
index 0000000..0cfe143
Binary files /dev/null and b/assets/favicon.png differ
diff --git a/assets/favicon.svg b/assets/favicon.svg
new file mode 100644
index 0000000..14285b9
--- /dev/null
+++ b/assets/favicon.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   version="1.0"
+   width="149.2534pt"
+   height="163.65306pt"
+   viewBox="0 0 149.2534 163.65306"
+   preserveAspectRatio="xMidYMid meet"
+   id="svg143"
+   sodipodi:docname="prismarinejs.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata149">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs147" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1025"
+     id="namedview145"
+     showgrid="false"
+     inkscape:zoom="2.94"
+     inkscape:cx="68.339708"
+     inkscape:cy="113.35945"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg143"
+     inkscape:document-rotation="0" />
+  <path
+     style="fill:#2c7f66;fill-opacity:1;stroke:none;stroke-width:0.255102"
+     d="M 70.291014,77.896165 C 59.680388,74.213777 22.648767,50.991201 15.537079,47.357179 L 9.6785404,43.882052 12.974329,40.27204 C 14.389438,38.722015 23.848199,31.22073 30.014505,27.519226 48.82918,16.225168 71.327881,6.3561529 74.240859,6.2939037 76.840164,6.2383587 96.296822,13.526104 112.93116,23.22948 c 13.99617,8.164443 25.11609,20.005331 25.11609,21.075841 0,3.35084 -52.956681,34.036172 -60.756373,35.148339 -0.70521,0.10056 -5.712968,-1.110855 -6.999863,-1.557495 z"
+     id="path155"
+     sodipodi:nodetypes="cscssssssc" />
+  <path
+     style="fill:#60a490;fill-opacity:1;stroke:none;stroke-width:0.255102"
+     d="M 59.762993,152.41877 C 34.273187,139.37619 9.1850164,124.58868 8.1324288,120.62769 7.3477601,117.67491 7.3674123,103.27376 7.1659271,81.577795 6.9735686,60.864542 8.2924714,49.447777 9.6252837,49.191101 c 0.2172937,-0.04185 5.0220853,4.138746 7.3318793,5.356159 12.651207,6.668019 24.238738,15.66922 42.756593,22.261247 l 14.214128,5.059973 -0.07609,38.52563 c -0.03525,17.84928 2.440906,37.45994 -1.830585,34.51479 -0.326872,-0.22538 -2.523682,2.31772 -2.682705,2.31445 -0.15903,-0.003 -6.06786,-3.00979 -9.575513,-4.80458 z"
+     id="path153"
+     sodipodi:nodetypes="sssssscsscs" />
+  <path
+     style="fill:#339176;fill-opacity:1;stroke:none;stroke-width:0.255102"
+     d="m 77.872974,152.91559 c -3.269362,-1.92068 0.03217,-15.1659 -0.262792,-33.00359 L 77.018109,84.108633 86.517737,79.188835 C 101.26896,71.54926 116.64721,64.399959 127.85892,57.115614 c 7.84892,-5.099512 11.87447,-6.243247 12.05109,-5.927453 0.52593,0.940369 3.06033,13.025431 3.28639,25.648089 0.33835,18.892771 -0.64244,41.92455 -2.70182,44.72957 -1.75852,2.39523 -22.6872,14.97537 -35.01436,21.80032 -8.102415,4.4859 -25.563376,11.85455 -26.260778,11.85455 -0.12918,0 -1.346468,-2.3051 -1.346468,-2.3051 z"
+     id="path157"
+     sodipodi:nodetypes="cscsssssssc" />
+  <g
+     transform="matrix(0.1,0,0,-0.1,-25.6,181.67807)"
+     stroke="none"
+     id="g141">
+    <path
+       d="M 875,1778 C 659,1676 371,1501 308,1433 c -44,-46 -52,-113 -52,-433 0,-308 9,-387 47,-428 60,-65 281,-205 506,-319 192,-97 194,-97 384,0 261,133 501,290 525,341 23,51 35,255 29,491 -7,261 -15,306 -60,353 -60,62 -364,248 -547,335 -121,57 -154,58 -265,5 z m 251,-102 c 171,-84 474,-267 474,-285 0,-36 -536,-341 -599,-341 -59,0 -601,305 -601,338 0,31 546,341 601,342 9,0 65,-24 125,-54 z M 445,1236 c 90,-61 266,-161 393,-223 L 950,958 V 624 c 0,-184 -2,-334 -5,-334 -3,0 -40,18 -83,40 -235,121 -470,271 -494,313 -8,15 -13,109 -16,299 -4,287 0,354 21,342 7,-4 39,-26 72,-48 z m 1209,-118 c 9,-227 -6,-462 -31,-491 -21,-24 -203,-144 -318,-209 -83,-47 -241,-128 -250,-128 -3,0 -5,150 -5,334 v 334 l 113,55 c 129,64 301,162 402,230 39,25 73,47 76,47 4,0 10,-78 13,-172 z"
+       fill="#29594b"
+       id="path135" />
+    <path
+       d="m 1540,939 c -57,-23 -110,-94 -110,-148 0,-36 22,-51 74,-51 28,0 36,-4 36,-18 0,-29 -22,-52 -65,-66 -32,-11 -41,-20 -43,-41 -3,-24 -1,-26 20,-20 69,21 132,82 142,139 10,55 -6,76 -59,76 -24,0 -47,5 -50,10 -11,18 23,58 60,71 26,10 35,19 35,36 0,25 -3,26 -40,12 z"
+       fill="#29594b"
+       id="path137" />
+    <path
+       d="m 1358,828 c -13,-10 -17,-37 -20,-131 -3,-109 -5,-120 -26,-137 -21,-18 -31,-60 -13,-60 16,0 61,42 76,70 16,31 22,270 7,270 -5,0 -15,-6 -24,-12 z"
+       fill="#29594b"
+       id="path139" />
+  </g>
+</svg>
diff --git a/assets/manifest.json b/assets/manifest.json
new file mode 100644
index 0000000..1026c49
--- /dev/null
+++ b/assets/manifest.json
@@ -0,0 +1,11 @@
+{
+    "name": "Prismarine Web Client",
+    "short_name": "Prismarine Web Client",
+    "icons": [{
+        "src": "favicon.png",
+        "sizes": "256x256"
+    }],
+    "background_color": "#ffffff",
+    "theme_color": "#ffffff",
+    "display": "fullscreen"
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index b45b6d6..fd86593 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,14 @@
     <title>Prismarine Web Client</title>
     <link rel="stylesheet" href="styles.css">
     <link rel="favicon" href="favicon.ico">
-    <meta name='viewport' 
-     content='width=device-width, initial-scale=1.0, maximum-scale=1.0, 
-     user-scalable=0'>
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <meta name="theme-color" content="#ffffff">
+    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0'>
+    <meta property="og:title" content="Prismarine Web Client" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://webclient.prismarine.js.org" />
+    <meta property="og:image" content="https://webclient.prismarine.js.org/favicon.png" />
+    <link rel="manifest" href="manifest.json">
   </head>
   <body>
     <debug-menu id="debugmenu" style="display: none;"></debug-menu>