Reconfigured favicons

index.html

@@ -20,7 +20,14 @@
       gtag("config", "G-J8Q97VV1GQ");
     </script>
 
-    <link rel="icon" type="image/x-icon" href="./assets/CD.ico" />
+    <!-- Favicon Configuration -->
+    <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="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#dcdcdc" />
+    <meta name="theme-color" content="#ffffff" />
 
     <link rel="stylesheet" href="styles/game.css" />
     <link rel="stylesheet" href="styles/overlay.css" />

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#dcdcdc</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/safari-pinned-tab.svg

@@ -0,0 +1,26 @@
+<?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="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M677 1903 c-4 -3 -7 -46 -7 -95 l0 -88 -38 0 c-21 0 -43 -5 -50 -12
+-15 -15 -16 -134 -2 -143 23 -14 7 -25 -40 -25 l-50 0 0 -270 0 -270 50 0 c38
+0 50 -4 50 -15 0 -8 -4 -15 -10 -15 -14 0 -13 -123 2 -138 7 -7 29 -12 50 -12
+l37 0 3 -92 3 -93 225 0 225 0 5 90 5 90 43 3 42 3 0 85 0 84 -90 0 -90 0 0
+-90 0 -90 -135 0 -135 0 0 90 0 90 -40 0 -40 0 0 270 c0 149 -1 273 -2 278 -2
+4 16 8 40 10 l42 3 0 90 0 89 135 0 135 0 0 -90 0 -90 90 0 90 0 0 84 0 85
+-42 3 -43 3 -3 85 c-2 52 -8 87 -15 92 -15 9 -431 11 -440 1z"/>
+<path d="M1385 1898 c-3 -7 -4 -294 -3 -638 l3 -625 280 0 280 0 5 90 5 90 35
+0 35 1 3 92 3 92 49 0 50 0 0 270 0 270 -50 0 -50 0 0 90 0 90 -40 0 -39 0 -3
+93 -3 92 -278 3 c-217 2 -279 0 -282 -10z m456 -188 c-11 -36 -12 -120 -2
+-139 9 -16 21 -21 51 -21 l40 0 0 -280 0 -280 -40 0 c-30 0 -42 -5 -51 -21
+-10 -19 -9 -103 2 -139 3 -13 -16 -15 -128 -18 l-133 -3 0 461 0 461 133 -3
+c112 -3 131 -5 128 -18z"/>
+</g>
+</svg>

public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}