more icons

index.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Tinode example: chat web application in react.js</title>
     <link id="shortcut-icon" rel="shortcut icon" href="img/logo32x32.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" />
     <!-- Browser styling for Chrome, FF, Opera -->
     <meta name="theme-color" content="#3949AB">
-    <link rel="manifest" href="/manifest.json">
     <!-- Google's Roboto font -->
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700&subset=latin,cyrillic"
       rel="stylesheet" type="text/css" />

manifest.json

@@ -2,15 +2,20 @@
   "short_name": "Tinode chat",
   "name": "Tinode chat",
   "icons": [
+    {
+      "src":"img/logo96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
     {
       "src":"img/logo192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src":"img/logo96.png",
+      "src": "img/logo.svg",
-      "sizes": "96x96",
+      "type": "image/svg+xml",
-      "type": "image/png"
+      "sizes": "512x512"
     }
   ],
   "start_url": "/x/example-react-js/",