diff --git a/app/index.html b/app/index.html
index a0ce5da..e1ab651 100644
--- a/app/index.html
+++ b/app/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Castle</title>
   </head>
diff --git a/app/public/favicon.svg b/app/public/favicon.svg
new file mode 100644
index 0000000..2e992de
--- /dev/null
+++ b/app/public/favicon.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect x="4" y="14" width="24" height="14" rx="1" fill="#3b82f6"/>
+  <rect x="4" y="4" width="4" height="14" fill="#3b82f6"/>
+  <rect x="14" y="4" width="4" height="14" fill="#3b82f6"/>
+  <rect x="24" y="4" width="4" height="14" fill="#3b82f6"/>
+  <rect x="12" y="20" width="8" height="8" rx="1" fill="#1e293b"/>
+  <rect x="12" y="20" width="8" height="4" rx="1" fill="#1e293b"/>
+</svg>
