icon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Evo.lab",
+  "short_name": "Evo.lab",
+  "icons": [
+    {
+      "src": "/icon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

index.html

@@ -4,9 +4,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>EVO進化科技實驗室</title>
-    <link href="favicon.ico" rel="shortcut icon"/>
     <meta name="description" content="Evolab科技進化實驗室是一群學生共同探索新技術的研究平台，專注於技術創新與趨勢分析。">
     <meta name="keywords" content="科技研究, 技術創新, 人工智慧, Evolab, 雲端計算, 科技實驗室, 非營利組織">
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="/icon/favicon-48x48.png" sizes="48x48" />
+    <link rel="icon" type="image/svg+xml" href="/icon/favicon.svg" />
+    <link rel="shortcut icon" href="/icon/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icon/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="Evo.lab" />
+    <link rel="manifest" href="/icon/site.webmanifest" />
     <!-- Bootstrap -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Fontawesome -->