diff --git a/index.html b/index.html
index 08e7bb24..41ed3e62 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <!-- 홈 화면에 추가했을 때의 아이콘·이름. 아이콘 PNG는 public/stream.svg에서 만든다.
+         iOS는 SVG 아이콘을 쓰지 못해 apple-touch-icon(PNG)과 apple-mobile-web-app-title을 읽고,
+         Android는 manifest의 이름·아이콘을 읽는다. 앱 WebView는 둘 다 읽지 않는다. -->
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="STREAM" />
+    <link rel="manifest" href="/manifest.json" />
     <!-- viewport-fit=cover: 페이지를 노치·홈 인디케이터 밑까지 펼친다. 이게 없으면 브라우저가
          알아서 안전 영역 안으로 잘라 넣고, 그 대신 env(safe-area-inset-*)이 항상 0이 된다.
          펼친 만큼 피하는 건 우리 책임이 되며 index.css의 safe-area 유틸이 담당한다. -->
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..d3a11e1d
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 00000000..27b60ee8
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,28 @@
+{
+  "id": "/",
+  "name": "STREAM",
+  "short_name": "STREAM",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "/pwa-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/pwa-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/maskable-icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}
diff --git a/public/maskable-icon-512x512.png b/public/maskable-icon-512x512.png
new file mode 100644
index 00000000..67b37bc6
Binary files /dev/null and b/public/maskable-icon-512x512.png differ
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
new file mode 100644
index 00000000..672788c3
Binary files /dev/null and b/public/pwa-192x192.png differ
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
new file mode 100644
index 00000000..3c57b5e8
Binary files /dev/null and b/public/pwa-512x512.png differ
diff --git a/public/stream.svg b/public/stream.svg
new file mode 100644
index 00000000..f201a50c
--- /dev/null
+++ b/public/stream.svg
@@ -0,0 +1,7 @@
+<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="108" height="108" rx="18" fill="white"/>
+<path d="M55.8459 67.158C54.0613 67.8106 53.5172 68.6054 52.9557 70.4001C52.7051 71.2016 52.4274 72.0526 52.1721 72.8575L49.3942 81.4229C48.9267 82.8753 48.1271 85.6503 47.4803 86.8987C46.9739 87.8548 46.291 88.7063 45.4678 89.4078C42.5851 91.8893 39.5476 91.4537 36.034 91.4537L27.2738 91.452H19.2671C17.9286 91.4543 16.5532 91.4734 15.2137 91.4391C14.7375 91.4273 14.1287 91.2047 13.8218 90.8203C13.5763 90.5167 13.4494 89.9625 13.5253 89.5741C13.7319 88.518 14.1568 87.391 14.4802 86.3664L16.4152 80.1566L17.9078 75.3862C18.2401 74.3262 18.5969 73.0396 19.0661 72.061C19.3964 71.3623 19.8229 70.7137 20.3332 70.1342C21.5058 68.7779 23.2354 67.7246 24.979 67.2957C26.174 67.0018 27.661 67.058 28.9097 67.0574H32.5209L45.1541 67.0569C46.7284 67.0585 48.6574 67.1451 50.2053 66.959C50.7339 66.8955 51.3921 66.4195 51.8158 66.0957C51.6493 66.4818 51.5676 66.6201 51.3294 66.9703C52.6114 67.0597 54.6644 66.9405 55.8459 67.158Z" fill="#ACD4FF"/>
+<path d="M51.8169 66.0936C53.2804 64.835 53.149 63.1489 53.6476 61.5026L55.9752 53.8533L56.8734 50.8923C57.7024 48.1261 58.3786 46.446 60.9287 44.7659C63.4519 43.1033 65.8306 43.4225 68.6932 43.4238L76.6331 43.4267L87.588 43.428C89.3512 43.4279 91.156 43.4099 92.9198 43.4391C93.2452 43.4445 93.6252 43.5774 93.8838 43.7822C94.2272 44.0527 94.4486 44.449 94.4987 44.8833C94.5785 45.5905 93.655 48.1791 93.3796 49.0552L91.6231 54.6801L90.2533 59.0615C90.0009 59.8697 89.6935 60.9602 89.3804 61.7274C89.037 62.5829 88.5592 63.3782 87.9651 64.083C86.5588 65.7361 84.3999 66.9716 82.2241 67.1065C81.3433 67.161 80.3434 67.1435 79.4536 67.1441L74.9452 67.143L62.5447 67.1402C60.3785 67.1396 57.988 67.0857 55.847 67.1559C54.6655 66.9384 50.3452 66.9921 50.3452 66.9921C50.3452 66.9921 51.3064 66.5327 51.8169 66.0936Z" fill="#3385FF"/>
+<path d="M49.5884 38.0317C51.6667 37.1235 51.7664 35.4794 52.3984 33.5176C52.5728 32.9761 52.7227 32.4226 52.8889 31.8781L55.4401 23.4964C56.0522 21.4871 56.6076 19.173 57.7812 17.4345C59.3072 15.1746 62.0383 13.5842 64.747 13.334C66.0976 13.2329 67.595 13.2808 68.9575 13.2814L76.0256 13.2843L86.2413 13.2856C88.0579 13.2846 89.8717 13.2788 91.6917 13.288C92.4607 13.292 93.1509 13.5363 93.4701 14.31C93.5837 14.5843 93.6421 14.9269 93.5769 15.2229C93.2987 16.2282 92.9463 17.2523 92.622 18.2435L90.8812 23.6372L88.9988 29.616C88.6616 30.6862 88.2097 32.2756 87.7572 33.2525C86.7264 35.4455 84.8563 37.1315 82.5693 37.9313C80.8454 38.5446 79.0096 38.4025 77.1908 38.4001L73.2169 38.3965L61.1446 38.3966C59.296 38.3969 56.8481 38.3179 55.0675 38.4041C54.9444 38.4181 54.9551 38.4188 54.828 38.392C53.1694 38.0425 51.3729 38.3493 49.7023 38.1406C49.6643 38.1043 49.6263 38.068 49.5884 38.0317Z" fill="#0066FF"/>
+<path d="M55.0686 38.4017C52.4689 38.7698 52.1773 41.2585 51.5114 43.3052C50.5237 46.4316 49.553 49.5635 48.5996 52.7009C48.1865 54.0442 47.4982 56.618 46.8854 57.7685C45.8428 59.7139 44.0721 61.1674 41.9607 61.811C40.4844 62.2601 38.966 62.1628 37.434 62.1606L34.0466 62.1611L25.1954 62.16L18.6907 62.1578C17.6063 62.1583 16.5309 62.1758 15.4406 62.155C14.2272 62.1325 13.4267 61.2821 13.7346 60.0579C13.9431 59.2288 14.2294 58.3952 14.4862 57.5752L15.9323 52.9476L17.7662 47.0085C18.222 45.5303 18.694 43.6603 19.4385 42.3312C20.7783 39.9397 23.5222 38.2551 26.2716 38.2216C27.1457 38.211 28.0396 38.2175 28.9221 38.2196L32.7193 38.2212L44.4 38.221C45.7102 38.2228 48.4713 38.337 49.5895 38.0293C49.6274 38.0656 49.6654 38.1019 49.7034 38.1382C51.374 38.3468 53.1705 38.0401 54.8292 38.3896C54.9562 38.4164 54.9455 38.4156 55.0686 38.4017Z" fill="#3385FF"/>
+</svg>