images

public/index.html

@@ -7,9 +7,8 @@
 <link rel="stylesheet" href="style.css" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
 <link rel="manifest" href="/manifest.webmanifest" />
-<link rel="icon" href="/favicon.ico" sizes="any" />
-<link rel="icon" type="image/svg+xml" href="/icons/icon.svg" />
-<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png" />
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
 <meta name="theme-color" content="#1e1f22" />
 <meta name="mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
@@ -30,7 +29,7 @@
 <!-- mobile top bar: hamburger opens the channel drawer, shows live status -->
 <header id="mobile-topbar">
   <button id="btn-menu" title="Channels"><span class="material-symbols-outlined">menu</span></button>
-  <img id="mobile-logo" src="/icons/icon.svg" alt="" width="24" height="24" />
+  <img id="mobile-logo" src="/icons/icon-192.png" alt="" width="24" height="24" />
   <span id="mobile-title">gibbz voice</span>
   <span class="status-row" id="mobile-status-row">
     <span class="status-indicator" id="mobile-status-dot"></span>
@@ -43,7 +42,7 @@
   <!-- channel sidebar -->
   <aside id="sidebar">
     <header id="server-name">
-      <img id="server-logo" src="/icons/icon.svg" alt="" width="22" height="22" />
+      <img id="server-logo" src="/icons/icon-192.png" alt="" width="22" height="22" />
       <span class="server-name-text">gibbz voice <span class="poc-tag">POC</span></span>
       <button id="btn-sidebar-collapse" class="icon-btn" title="Hide sidebar"><span class="material-symbols-outlined">left_panel_close</span></button>
     </header>