diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..a2d8f8e
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 0000000..b5125cf
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
index 149c87c..1280b8f 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..42707cd
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 0000000..ad3e234
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 9a2290a..bea3bbd 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icon.svg b/public/icon.svg
index 74c77e7..9801df9 100644
--- a/public/icon.svg
+++ b/public/icon.svg
@@ -1,3 +1,4 @@
-<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.80014 0C2.11147 0 0.5 1.5988 0.5 5.33333V34.6667C0.5 38.2546 2.15638 40 5.80014 40H34.9509C38.6237 40 40.2511 38.3217 40.2511 34.6667V20V5.33333C40.2511 1.66328 38.5933 0 34.9509 0H5.80014ZM9.61977 26.3973L11.4071 8.19874C11.5721 6.51804 10.2601 5.06087 8.5817 5.06087C6.54113 5.06087 5.00311 7.25162 5.56756 9.33737C6.32321 12.1297 7.05409 15.8329 7.1008 19.8269C7.12801 22.1528 6.89382 24.4032 6.5413 26.4418C6.18692 28.4913 6.74291 30.6292 7.91183 32.2521C9.078 33.8711 10.8225 34.939 12.8345 34.939H13.8722C16.4179 34.939 18.4816 32.8623 18.4816 30.3007V28.366C18.4816 27.2024 17.6418 26.2111 16.5001 26.027L15.0877 25.7993C14.5066 25.7056 13.9681 26.1263 13.9142 26.716L13.9058 26.8085C13.804 27.9234 12.8747 28.7766 11.7621 28.7766C10.4895 28.7766 9.49461 27.6717 9.61977 26.3973ZM18.4816 20.6202V13.0906C18.4816 12.0593 19.3125 11.2232 20.3374 11.2232C21.3623 11.2232 22.1931 12.0593 22.1931 13.0906V29.3368C22.1931 32.4308 24.6857 34.939 27.7604 34.939H27.9968C31.9921 34.939 34.9722 30.6591 34.2387 26.5283C33.873 24.4687 33.6186 22.1901 33.6186 19.8342C33.6186 15.7318 34.3901 11.9363 35.1823 9.11807C35.7362 7.14741 34.2829 5.06087 32.3573 5.06087C30.8068 5.06087 29.5853 6.39061 29.707 7.94602L31.1527 26.4221C31.2521 27.6914 30.2552 28.7766 28.9899 28.7766C27.8686 28.7766 26.932 27.9168 26.8294 26.7932L25.2537 9.53259C25.0224 6.99939 22.9109 5.06087 20.3828 5.06087C17.844 5.06087 15.7272 7.01542 15.5095 9.56072L14.4642 20.4466C14.3728 21.5149 15.1249 22.4697 16.1794 22.6241C17.3934 22.8019 18.4816 21.8547 18.4816 20.6202Z" fill="#171717"/>
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="37" width="107" height="53" fill="#F15072"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V124C0 126.209 1.79086 128 4 128H124C126.209 128 128 126.209 128 124V4C128 1.79086 126.209 0 124 0H4ZM84.3912 63.9988C84.3912 71.487 80.8298 78.1435 75.3085 82.3667C78.4892 84.251 82.2014 85.3327 86.1663 85.3327C97.9484 85.3327 107.5 75.7814 107.5 63.9994C107.5 52.2173 97.9484 42.666 86.1663 42.666C82.2018 42.666 78.4898 43.7475 75.3093 45.6315C80.8302 49.8548 84.3912 56.5109 84.3912 63.9988ZM36.8254 77.7662C44.2471 77.7662 50.2635 71.603 50.2635 64.0003C50.2635 56.3976 44.2471 50.2344 36.8254 50.2344C29.4037 50.2344 23.3873 56.3976 23.3873 64.0003C23.3873 71.603 29.4037 77.7662 36.8254 77.7662ZM36.8254 85.3337C48.3269 85.3337 57.6508 75.7824 57.6508 64.0003C57.6508 52.2183 48.3269 42.667 36.8254 42.667C25.3238 42.667 16 52.2183 16 64.0003C16 75.7824 25.3238 85.3337 36.8254 85.3337ZM59.428 63.9978C59.428 71.4946 55.9286 78.1806 50.4917 82.4086C53.6566 84.267 57.3432 85.3327 61.2786 85.3327C73.0607 85.3327 82.612 75.7814 82.612 63.9994C82.612 52.2173 73.0607 42.666 61.2786 42.666C57.3441 42.666 53.6583 43.7312 50.4939 45.5888C55.9295 49.8169 59.428 56.502 59.428 63.9978Z" fill="#313245"/>
 </svg>
diff --git a/public/index.html b/public/index.html
index aa069f2..6eca662 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,19 +2,23 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" sizes="any" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Web site created using create-react-app"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <!-- See https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs for description. -->
+    <link rel="icon" href="%PUBLIC_URL%/icon.svg" type="image/svg+xml" />
+    <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">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.webmanifest">
+    <link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg" color="#da532c">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#DDC055">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -24,7 +28,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Odd App Template</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index a893e5b..b20abb7 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -1,6 +1,19 @@
 {
-  "icons": [
-    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
-    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
-  ]
+    "name": "",
+    "short_name": "",
+    "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"
 }
diff --git a/public/mstile-144x144.png b/public/mstile-144x144.png
new file mode 100644
index 0000000..891c115
Binary files /dev/null and b/public/mstile-144x144.png differ
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 0000000..489940f
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/mstile-310x150.png b/public/mstile-310x150.png
new file mode 100644
index 0000000..79978a3
Binary files /dev/null and b/public/mstile-310x150.png differ
diff --git a/public/mstile-310x310.png b/public/mstile-310x310.png
new file mode 100644
index 0000000..4cdf29f
Binary files /dev/null and b/public/mstile-310x310.png differ
diff --git a/public/mstile-70x70.png b/public/mstile-70x70.png
new file mode 100644
index 0000000..d44e07d
Binary files /dev/null and b/public/mstile-70x70.png differ