Fix favicon configuration for Google Search - Add complete favicon setup with proper ICO, multiple PNG sizes and web manifest

Author: firestar300

index.html

@@ -33,8 +33,12 @@
     <link rel="canonical" href="https://firestar300.github.io/SVG-Path-Merger/">
 
     <!-- Favicon -->
-    <link rel="icon" type="image/png" href="https://firestar300.github.io/SVG-Path-Merger/favicon.png">
-    <link rel="apple-touch-icon" href="https://firestar300.github.io/SVG-Path-Merger/favicon.png">
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon-192x192.png">
+    <link rel="manifest" href="/site.webmanifest">
 
     <!-- JSON-LD Structured Data -->
     <script type="application/ld+json">

public/favicon.png public/favicon-192x192.pngpublic/favicon.png renamed to public/favicon-192x192.png

@@ -0,0 +1,27 @@
+{
+  "name": "SVG Path Merger",
+  "short_name": "Path Merger",
+  "description": "Merge SVG paths online - Free tool to combine multiple SVG path elements into a single path",
+  "icons": [
+    {
+      "src": "/SVG-Path-Merger/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/SVG-Path-Merger/favicon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/SVG-Path-Merger/favicon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#6366f1",
+  "background_color": "#ffffff",
+  "display": "standalone",
+  "start_url": "/SVG-Path-Merger/"
+}