test favicon

index.html

@@ -133,17 +133,24 @@
   </script>
 
 
-  <!-- Favicon -->
+  <!-- Favicon section should be updated to: -->
-<link rel="icon" href="/wdi-logo.ico" type="image/png" />
 
-<!-- Apple Touch Icon -->
+<!-- Standard favicon (16x16 or 32x32) -->
-<link rel="apple-touch-icon" href="/wdi-logo.ico" />
+<link rel="icon" href="/wdi-logo.ico" type="image/x-icon">
 
-<!-- Android -->
+<!-- For modern browsers -->
-<link rel="icon" sizes="192x192" href="/wdi-logo.ico" />
+<link rel="icon" href="/wdi-logo.png" type="image/png" sizes="32x32">
+<link rel="icon" href="/wdi-logo.png" type="image/png" sizes="16x16">
 
-<!-- Optional: Web App Manifest -->
+<!-- Apple Touch Icon (recommended 180x180) -->
-<link rel="manifest" href="/site.webmanifest" />
+<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
+<!-- Android/Chrome -->
+<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
+<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png">
+
+<!-- Web App Manifest -->
+<link rel="manifest" href="/site.webmanifest">
 
 
 </head>