added favicons generated by https://realfavicongenerator.net/

web/themes/custom/materiotheme/materiotheme.theme

@@ -90,6 +90,76 @@ function materiotheme_preprocess_html(&$vars) {
   //   ],
   // ];
   // $vars['page']['#attached']['html_head'][] = [$gv, "google-site-verification"];
+
+
+  // <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  $ati = array(
+    '#tag' => 'meta',
+    '#attributes' => array(
+      'rel' => 'apple-touch-icon',
+      'sizes' => "180x180",
+      'href' => '/apple-touch-icon.png',
+    ),
+  );
+  $vars['page']['#attached']['html_head'][] = [$ati, 'ati'];
+
+  // <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  $icon32 = array(
+    '#tag' => 'meta',
+    '#attributes' => array(
+      'rel' => 'icon',
+      'type' => "image/png",
+      'sizes' => "32x32",
+      'href' => '/favicon-32x32.png',
+    ),
+  );
+  $vars['page']['#attached']['html_head'][] = [$icon32, 'icon32'];
+
+  // <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  $icon16 = array(
+    '#tag' => 'meta',
+    '#attributes' => array(
+      'rel' => 'icon',
+      'type' => "image/png",
+      'sizes' => "16x16",
+      'href' => '/favicon-16x16.png',
+    ),
+  );
+  $vars['page']['#attached']['html_head'][] = [$icon16, 'icon16'];
+
+  // <link rel="manifest" href="/site.webmanifest">
+
+  // <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+  $safaripinnedtab = array(
+    '#tag' => 'meta',
+    '#attributes' => array(
+      'rel' => 'mask-icon',
+      'color' => "#69ccce",
+      'href' => '/safari-pinned-tab.svg',
+    ),
+  );
+  $vars['page']['#attached']['html_head'][] = [$safaripinnedtab, '$safaripinnedtab'];
+
+  // <meta name="msapplication-TileColor" content="#da532c">
+  $ms = array(
+    '#tag' => 'meta',
+    '#attributes' => array(
+      'name' => 'msapplication-TileColor',
+      'content' => "#69ccce"
+    ),
+  );
+  $vars['page']['#attached']['html_head'][] = [$ms, '$ms'];
+
+  // <meta name="theme-color" content="#ffffff">
+  $tc = array(
+    '#tag' => 'meta',
+    '#attributes' => array(
+      'name' => 'theme-color',
+      'content' => "#69ccce"
+    ),
+  );
+  $vars['page']['#attached']['html_head'][] = [$tc, '$tc'];
+
 }
 
 function materiotheme_preprocess_page(&$vars){