diff --git a/frontend/index.html b/frontend/index.html
index ad388cb..9d2cf70 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,7 +2,11 @@
 <html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <!-- 아이콘은 빌드가 /assets/ 의 해시 파일로 바꾼다(배포 직후 새 그림). public/favicon.ico 는 주소를 직접 묻는 클라이언트용 -->
+    <link rel="icon" type="image/png" sizes="32x32" href="/src/assets/brand/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/src/assets/brand/favicon-16.png" />
+    <link rel="apple-touch-icon" href="/src/assets/brand/apple-touch-icon.png" />
+    <meta name="theme-color" content="#0B3640" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="ARA SYSTEM 사내 업무 시스템" />
     <title>ARA SYSTEM</title>
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
index df36fcf..57745be 100644
Binary files a/frontend/public/favicon.ico and b/frontend/public/favicon.ico differ
diff --git a/frontend/src/assets/brand/apple-touch-icon.png b/frontend/src/assets/brand/apple-touch-icon.png
new file mode 100644
index 0000000..02f39b0
Binary files /dev/null and b/frontend/src/assets/brand/apple-touch-icon.png differ
diff --git a/frontend/src/assets/brand/favicon-16.png b/frontend/src/assets/brand/favicon-16.png
new file mode 100644
index 0000000..48d84c7
Binary files /dev/null and b/frontend/src/assets/brand/favicon-16.png differ
diff --git a/frontend/src/assets/brand/favicon-32.png b/frontend/src/assets/brand/favicon-32.png
new file mode 100644
index 0000000..1403d03
Binary files /dev/null and b/frontend/src/assets/brand/favicon-32.png differ