Add favicons

lrdiv · Jan 15, 2025 · 11f2af5 · 11f2af5
1 parent 1800158
commit 11f2af5
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 1 deletion.
diff --git a/apps/spin-cycle-client/public/apple-touch-icon.png b/apps/spin-cycle-client/public/apple-touch-icon.png
diff --git a/apps/spin-cycle-client/public/favicon-96x96.png b/apps/spin-cycle-client/public/favicon-96x96.png
diff --git a/apps/spin-cycle-client/public/favicon.ico b/apps/spin-cycle-client/public/favicon.ico
diff --git a/apps/spin-cycle-client/public/favicon.svg b/apps/spin-cycle-client/public/favicon.svg
diff --git a/apps/spin-cycle-client/public/site.webmanifest b/apps/spin-cycle-client/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/assets/favicon.ico/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/favicon.ico/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/apps/spin-cycle-client/public/web-app-manifest-192x192.png b/apps/spin-cycle-client/public/web-app-manifest-192x192.png
diff --git a/apps/spin-cycle-client/public/web-app-manifest-512x512.png b/apps/spin-cycle-client/public/web-app-manifest-512x512.png
diff --git a/apps/spin-cycle-client/src/index.html b/apps/spin-cycle-client/src/index.html
@@ -3,9 +3,16 @@
   <head>
     <meta charset="utf-8" />
     <title>Spin Cycle | Daily record recommendations from your Discogs collection</title>
+
     <base href="/" />
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+
+    <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+    <link rel="icon" type="image/ico" href="favicon.ico" />
+    <link rel="manifest" href="site.webmanifest" />
   </head>
   <body>
     <sc-root></sc-root>