diff --git a/index.html b/index.html
index 13297cb..3db4bf3 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+    <link rel="icon" type="image/png" href="/logo_xcodereviewer.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>XCodeReviewer</title>
   </head>
diff --git a/public/logo_xcodereviewer.png b/public/logo_xcodereviewer.png
new file mode 100644
index 0000000..03113f9
Binary files /dev/null and b/public/logo_xcodereviewer.png differ
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index fa8c056..42af103 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -3,8 +3,7 @@ import { Link, useLocation } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { 
   Menu, 
-  X, 
-  Code
+  X
 } from "lucide-react";
 import routes from "@/app/routes";
 
@@ -20,9 +19,11 @@ export default function Header() {
         <div className="flex items-center justify-between h-16">
           {/* Logo */}
           <Link to="/" className="flex items-center space-x-3 group">
-            <div className="w-9 h-9 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-xl flex items-center justify-center shadow-sm group-hover:shadow-md transition-all">
-              <Code className="w-5 h-5 text-white" />
-            </div>
+            <img 
+              src="/logo_xcodereviewer.png" 
+              alt="XCodeReviewer Logo" 
+              className="w-9 h-9 rounded-xl shadow-sm group-hover:shadow-md transition-all"
+            />
             <span className="text-xl font-bold text-gray-900 group-hover:text-blue-600 transition-colors">XCodeReviewer</span>
           </Link>
 
