diff --git a/images/assets/favicon/android-chrome-192x192.png b/images/assets/favicon/android-chrome-192x192.png
new file mode 100755
index 0000000..c56c926
Binary files /dev/null and b/images/assets/favicon/android-chrome-192x192.png differ
diff --git a/images/assets/favicon/android-chrome-512x512.png b/images/assets/favicon/android-chrome-512x512.png
new file mode 100755
index 0000000..439ee16
Binary files /dev/null and b/images/assets/favicon/android-chrome-512x512.png differ
diff --git a/images/assets/favicon/apple-touch-icon.png b/images/assets/favicon/apple-touch-icon.png
new file mode 100755
index 0000000..2ea2814
Binary files /dev/null and b/images/assets/favicon/apple-touch-icon.png differ
diff --git a/images/assets/favicon/favicon-16x16.png b/images/assets/favicon/favicon-16x16.png
new file mode 100755
index 0000000..2aead02
Binary files /dev/null and b/images/assets/favicon/favicon-16x16.png differ
diff --git a/images/assets/favicon/favicon-32x32.png b/images/assets/favicon/favicon-32x32.png
new file mode 100755
index 0000000..d26ca4b
Binary files /dev/null and b/images/assets/favicon/favicon-32x32.png differ
diff --git a/images/assets/favicon/favicon.ico b/images/assets/favicon/favicon.ico
new file mode 100755
index 0000000..d22ce91
Binary files /dev/null and b/images/assets/favicon/favicon.ico differ
diff --git a/images/assets/favicon/site.webmanifest b/images/assets/favicon/site.webmanifest
new file mode 100755
index 0000000..45dc8a2
--- /dev/null
+++ b/images/assets/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/index.html b/index.html
index a64e69b..c730eca 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,12 @@
         <meta property="twitter:title" content="sori.inventory" />
         <meta property="twitter:description" content="일상의 조각들, 그리고 취향의 공유." />
         <meta property="twitter:image" content="https://sori.studio/og/inven.jpg" />
-        <!--  -->
+        <!-- Favicon -->
+        <link rel="icon" type="image/png" sizes="32x32" href="/images/assets/favicon/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/images/assets/favicon/favicon-16x16.png" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/images/assets/favicon/apple-touch-icon.png" />
+        <link rel="manifest" href="/images/assets/favicon/site.webmanifest" />
+        <!-- default -->
         <meta charset="utf-8" />
         <meta content="width=device-width, initial-scale=1.0" name="viewport" />
         <title>sori.inventory</title>
@@ -83,9 +88,7 @@
                 <header class="sticky top-0 z-50 gap-2 flex items-center justify-between whitespace-nowrap border-b border-solid border-slate-200 dark:border-slate-800 bg-white/80 dark:bg-background-dark/80 backdrop-blur-md px-6 md:px-40 py-3">
                     <div class="flex items-center gap-8">
                         <div class="flex items-center gap-3 text-slate-900 dark:text-white">
-                            <div class="flex items-center justify-center size-8 bg-primary rounded-lg text-white">
-                                <span class="material-symbols-outlined text-xl">inventory_2</span>
-                            </div>
+                            <img src="/images/assets/favicon/favicon-32x32.png" alt="sori.inventory logo" class="w-5 h-5" />
                             <h2 class="hidden xs:block text-lg font-bold leading-tight tracking-tight">sori.inventory</h2>
                         </div>
                     </div>