diff --git a/README.md b/README.md
index 05a5b06948..5513857e33 100644
--- a/README.md
+++ b/README.md
@@ -5,3 +5,33 @@ Frontend website for https://vo.codes/
 
 Hosted with netlify.
 
+
+Favicon
+-------
+A bunch of different interesting fonts:
+
+aclonica
+acme
+aladin
+allerta stencil
+amarante
+amita
+anton
+chewy
+croissant one
+faster one
+fredoka one
+fugaz one
+mrs sheppards
+oleo script swash caps
+poller one
+rubik mono one
+yeseva one
+yesteryear
+
+Using
+
+https://favicon.io/favicon-generator/
+
+fugaz one, 110, #209CEE
+
diff --git a/vocodes/public/android-chrome-192x192.png b/vocodes/public/android-chrome-192x192.png
new file mode 100644
index 0000000000..090f6b3d86
Binary files /dev/null and b/vocodes/public/android-chrome-192x192.png differ
diff --git a/vocodes/public/android-chrome-512x512.png b/vocodes/public/android-chrome-512x512.png
new file mode 100644
index 0000000000..fd3534f24c
Binary files /dev/null and b/vocodes/public/android-chrome-512x512.png differ
diff --git a/vocodes/public/apple-touch-icon.png b/vocodes/public/apple-touch-icon.png
new file mode 100644
index 0000000000..55d8d94b8c
Binary files /dev/null and b/vocodes/public/apple-touch-icon.png differ
diff --git a/vocodes/public/favicon-16x16.png b/vocodes/public/favicon-16x16.png
new file mode 100644
index 0000000000..3f48b72a12
Binary files /dev/null and b/vocodes/public/favicon-16x16.png differ
diff --git a/vocodes/public/favicon-32x32.png b/vocodes/public/favicon-32x32.png
new file mode 100644
index 0000000000..8e9d607d1f
Binary files /dev/null and b/vocodes/public/favicon-32x32.png differ
diff --git a/vocodes/public/favicon.ico b/vocodes/public/favicon.ico
index bcd5dfd67c..85e216cd64 100644
Binary files a/vocodes/public/favicon.ico and b/vocodes/public/favicon.ico differ
diff --git a/vocodes/public/index.html b/vocodes/public/index.html
index ed186a9f86..0294386203 100644
--- a/vocodes/public/index.html
+++ b/vocodes/public/index.html
@@ -2,7 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
diff --git a/vocodes/public/manifest.json b/vocodes/public/manifest.json
index 080d6c77ac..2109f4c52c 100644
--- a/vocodes/public/manifest.json
+++ b/vocodes/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Vo.codes",
+  "name": "Vocal Playground",
   "icons": [
     {
       "src": "favicon.ico",
@@ -8,12 +8,12 @@
       "type": "image/x-icon"
     },
     {
-      "src": "logo192.png",
+      "src": "android-chrome-192x192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "logo512.png",
+      "src": "android-chrome-512x512.png",
       "type": "image/png",
       "sizes": "512x512"
     }