Use Phly mascot as favicon

index.html

@@ -4,6 +4,8 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>stay phly!</title>
+  <link id="favicon" rel="icon" href="data:,">
+  <link id="apple-touch-icon" rel="apple-touch-icon" href="data:,">
   <style>
     html,body{height:100%;margin:0}
     body{display:grid;place-items:center;background:#fff}
@@ -18,7 +20,11 @@
       .then(s=>{
         const bin=atob(s.trim()), bytes=new Uint8Array(bin.length);
         for(let i=0;i<bin.length;i++) bytes[i]=bin.charCodeAt(i);
-        document.getElementById('phly').src=URL.createObjectURL(new Blob([bytes],{type:'image/webp'}));
+        const blob=new Blob([bytes],{type:'image/webp'});
+        const url=URL.createObjectURL(blob);
+        document.getElementById('phly').src=url;
+        document.getElementById('favicon').href=url;
+        document.getElementById('apple-touch-icon').href=url;
       });
   </script>
 </body>