diff --git a/frontend/index.html b/frontend/index.html
index 83323fe..8e4f623 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000..3c5294e
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/readur-32.png b/frontend/public/readur-32.png
new file mode 100644
index 0000000..b21f223
Binary files /dev/null and b/frontend/public/readur-32.png differ
diff --git a/frontend/public/readur-64.png b/frontend/public/readur-64.png
new file mode 100644
index 0000000..bd1300d
Binary files /dev/null and b/frontend/public/readur-64.png differ
diff --git a/frontend/public/readur.png b/frontend/public/readur.png
new file mode 100644
index 0000000..7a67190
Binary files /dev/null and b/frontend/public/readur.png differ
diff --git a/frontend/src/components/Layout/AppLayout.tsx b/frontend/src/components/Layout/AppLayout.tsx
index 5a66987..8bfa9aa 100644
--- a/frontend/src/components/Layout/AppLayout.tsx
+++ b/frontend/src/components/Layout/AppLayout.tsx
@@ -160,7 +160,23 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
               },
             }}
           >
-            <Box sx={{ position: 'relative', zIndex: 1 }}>R</Box>
+            <Box sx={{ position: 'relative', zIndex: 1 }}>
+              <img 
+                src="/readur-32.png" 
+                srcSet="/readur-32.png 1x, /readur-64.png 2x"
+                alt="Readur Logo" 
+                style={{
+                  width: '32px',
+                  height: '32px',
+                  objectFit: 'contain',
+                }}
+                onError={(e) => {
+                  // Fallback to "R" if image fails to load
+                  e.currentTarget.style.display = 'none';
+                  e.currentTarget.parentElement!.innerHTML = 'R';
+                }}
+              />
+            </Box>
           </Box>
           <Box>
             <Typography variant="h6" sx={{ 
