diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index 6192670d90..309c7d7e54 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -58,7 +58,28 @@ export const Layout = ({ children, className = "" }) => {
       <Head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="initial-scale=1.0, width=device-width" />
-        <link rel="icon" href="/favicon.ico"></link>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/site.webmanifest" />
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#cc4141" />
+        <meta name="msapplication-TileColor" content="#cc4141" />
+        <meta name="theme-color" content="#ffffff" />
+
         {router.query.filename === "home" && (
           <script
             type="application/ld+json"
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000000..02237826b9
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 0000000000..82f6fe4d11
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 0000000000..e46d5f8e62
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
new file mode 100644
index 0000000000..e8b57e57b3
--- /dev/null
+++ b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#b91d47</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000000..2c7c24fe4d
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000000..378f4eb81f
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 2ea154d195..8839eb6339 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 0000000000..789132c005
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
new file mode 100644
index 0000000000..2984105771
--- /dev/null
+++ b/public/safari-pinned-tab.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1813.000000pt" height="1813.000000pt" viewBox="0 0 1813.000000 1813.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1813.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M63 13989 c0 -3746 1 -4079 16 -4080 23 -1 8102 -1 8126 0 20 1 20 7
+18 4054 -1 2228 -2 4064 -2 4078 l-1 26 -4079 0 -4078 0 0 -4078z"/>
+<path d="M9909 18036 c-4 -245 1 -8119 5 -8123 4 -4 8037 -8 8138 -4 15 1 16
+281 15 4079 l-2 4077 -4077 1 -4078 1 -1 -31z"/>
+<path d="M194 8222 l-131 -3 0 -4078 0 -4079 4078 0 c3806 0 4079 1 4080 16 4
+86 0 8134 -4 8138 -5 5 -7781 11 -8023 6z"/>
+<path d="M9913 8217 c-3 -5 -6 -7285 -3 -8059 l0 -96 4078 1 4077 2 2 4078 c1
+3111 -1 4077 -10 4077 -170 6 -8140 3 -8144 -3z"/>
+</g>
+</svg>
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000000..9c16cbcbfe
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "SSW",
+    "short_name": "SSW",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
