Better PWA/Fav icons (#1518)

public/safari-pinned-tab.svg

@@ -1 +0,0 @@
-<svg height="640" viewBox="0 0 480 480" width="640" xmlns="http://www.w3.org/2000/svg"><path d="m225 1.1c-46.5 2.7-91.2 19.3-129.8 48.1-12.5 9.3-36.7 33.5-46 46-32.2 43.1-48.3 91.3-48.3 144.8s16.1 101.7 48.3 144.8c9.3 12.5 33.5 36.7 46 46 43.1 32.2 91.3 48.3 144.8 48.3s101.7-16.1 144.8-48.3c12.5-9.3 36.7-33.5 46-46 32.2-43.1 48.3-91.3 48.3-144.8s-16.1-101.7-48.3-144.8c-9.3-12.5-33.5-36.7-46-46-46.7-34.9-101.9-51.5-159.8-48.1zm124.5 139.3c7.5 3.2 8.3 11.4 4 43.1-5.3 39-20.7 132.5-25.7 155.5-2.6 12.3-6.3 19.5-11.8 23.3-3.6 2.5-12.2 2.2-19-.6-7.4-3.1-85.5-55.8-90.2-60.9-4.8-5.2-5.6-9.3-2.9-14.6 2.1-4.2 16.2-18.3 46.1-46.3 27.3-25.5 39-37.6 39-40.5 0-2.8-1.9-3.9-5.5-3-1.3.3-26.7 16.8-56.2 36.5-29.6 19.7-56 37-58.8 38.4-10.8 5.4-18.6 5.6-36.5 1-23.3-6-41.1-12.4-44.9-16.2-5.1-5.1-1-12.1 10.2-17.5 23.2-11.1 158.6-68.8 199.7-85.2 35.4-14 44.6-16.3 52.5-13z"/></svg>

src/index.html

@@ -15,12 +15,13 @@
   <meta name="description" content="Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.">
   <meta name="google" content="notranslate">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
   <link rel="icon" href="./favicon.svg" type="image/svg+xml">
   <link rel="alternate icon" href="./favicon.ico" type="image/x-icon">
+  <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
 
   <link rel="manifest" href="./site.webmanifest">
-  <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#3a8bf5">
 
   <title>Telegram</title>
 </head>