diff --git a/nuxt.config.ts b/nuxt.config.ts
index feee3ca..b30e9e8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,6 +10,16 @@ export default defineNuxtConfig({
     'radix-vue/nuxt',
     'unplugin-icons/nuxt',
   ],
+  app: {
+    head: {
+      link: [
+        { rel: 'manifest', href: '/manifest.webmanifest' },
+        { rel: 'icon', href: '/favicon.ico', sizes: '32x32' },
+        { rel: 'icon', href: '/icon.svg', type: 'image/svg+xml' },
+        { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },
+      ],
+    },
+  },
   css: [
     'assets/reset.css',
     'assets/cubic-11.css',
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..1d6c2fe
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad..ca1cf80 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icon-192.png b/public/icon-192.png
new file mode 100644
index 0000000..13555d3
Binary files /dev/null and b/public/icon-192.png differ
diff --git a/public/icon-512.png b/public/icon-512.png
new file mode 100644
index 0000000..3fe47f0
Binary files /dev/null and b/public/icon-512.png differ
diff --git a/public/icon-mask.png b/public/icon-mask.png
new file mode 100644
index 0000000..0770ea6
Binary files /dev/null and b/public/icon-mask.png differ
diff --git a/public/icon.svg b/public/icon.svg
new file mode 100644
index 0000000..fa4b41b
--- /dev/null
+++ b/public/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><style>@media(prefers-color-scheme:dark){path{fill:#fff}}</style><path d="M4 4v24l8-8 16 8V4l-8 8z"/></svg>
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
new file mode 100644
index 0000000..dbd7fca
--- /dev/null
+++ b/public/manifest.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "北科程式設計研究社",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/icon-mask.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ]
+}