build: align icons in docs

docs/src/assets/img/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Angular Material",
+  "short_name": "Angular Material",
+  "icons": [
+    {
+      "src": "/assets/img/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/assets/img/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#FFFFFF",
+  "background_color": "#d7e3ff",
+  "display": "standalone"
+}

docs/src/index.html

@@ -35,9 +35,20 @@
   <meta property="og:image:width" content="1339" />
   <meta property="og:image:height" content="943" />
 
-  <link rel="manifest" href="assets/img/manifest.json?v=19.1.0">
-  <link rel="shortcut icon" href="assets/img/favicon.ico?v=19.1.0">
-  <meta name="theme-color" content="#d7e3ff">
+  <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="48x48" href="assets/img/favicon-48x48.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png" />
+  <link rel="manifest" href="assets/img/site.webmanifest" />
+  <link rel="mask-icon" href="assets/img/safari-pinned-tab.svg" color="#d7e3ff" />
+  <link rel="shortcut icon" href="assets/img/favicon.ico" />
+  <link rel="canonical" href="https://material.angular.dev" />
+
+  <meta name="apple-mobile-web-app-title" content="Angular Material" />
+  <meta name="application-name" content="Angular" />
+  <meta name="msapplication-TileColor" content="#d7e3ff" />
+  <meta name="msapplication-config" content="assets/img/browserconfig.xml" />
+  <meta name="theme-color" content="#ffffff" />
 
   <link rel="preconnect" href="https://fonts.gstatic.com">
   <link rel="dns-prefetch" href="https://www.googletagmanager.com">