diff --git a/index.html b/index.html
index c5265f2..a289807 100644
--- a/index.html
+++ b/index.html
@@ -13,11 +13,11 @@
   <!-- End Google Tag Manager -->
   
   <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <link rel="icon" type="image/png" sizes="32x32" href="/logo.png" />
   <link rel="icon" type="image/png" sizes="16x16" href="/logo.png" />
   <link rel="apple-touch-icon" href="/logo.png" />
-  <link rel="mask-icon" href="/logo.svg" color="#18181B" />
+  <link rel="mask-icon" href="/favicon.svg" color="#18181B" />
   <meta name="description" content="Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant in Köln | Spezialist für Python, React, TypeScript & KI-Integration. Damjan Savić entwickelt maßgeschneiderte Software-Lösungen: Enterprise-Anwendungen, E-Commerce-Systeme, Prozessautomatisierung & moderne Web-Apps. Kontaktieren Sie Damjan Savić für Ihr nächstes Projekt." />
   <meta name="keywords" content="Damjan Savić, Damjan Savic, Senior Fullstack Entwickler Köln, Digital Solutions Consultant, Python Experte Köln, React Spezialist, TypeScript Developer, Software Architekt Köln, KI Integration OLLAMA, Machine Learning Entwickler, ERP System Integration, SAP Schnittstellen, E-Commerce Entwicklung, Shopify Integration, WooCommerce Entwickler, Prozessautomatisierung, Workflow Automation, Cloud Native Entwicklung, AWS Developer, Docker Kubernetes, Microservices Architektur, API Development, FastAPI Python, Next.js Entwicklung, Electron Desktop Apps, Progressive Web Apps, Agile Software Development, DevOps Engineer Köln, CI/CD Pipeline, Software Consulting, IT Beratung Köln, Digitale Transformation, B2B Enterprise Solutions, SaaS Entwicklung, Full Stack Engineer Germany" />
   <meta name="author" content="Damjan Savić" />
@@ -131,7 +131,8 @@
   <link rel="preload" href="/fonts/inter-var.woff2" as="font" type="font/woff2" crossorigin>
 
   <!-- Preload wichtiger Assets -->
-  <link rel="preload" href="/logo.svg" as="image" />
+  <link rel="preload" href="/header-logo.svg" as="image" />
+  <link rel="preload" href="/favicon.svg" as="image" />
 </head>
 <body>
 <!-- Google Tag Manager (noscript) -->
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..858beba
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 1000">
+  <!-- Generator: Adobe Illustrator 29.7.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 8)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #d6d7d8;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M965.47,97.09l-461.75,786.4L34.81,97.09h930.65M1000,77.5H0l17.59,29.5,468.89,786.4,17.35,29.1,17.15-29.22L982.73,106.88l17.27-29.38h0Z"/>
+  <g>
+    <polygon class="st0" points="755.12 213.96 524.03 214.02 544.73 249.03 734.41 249 830.87 249 782.41 330.91 759.95 368.91 687.8 490.96 639.56 572.54 591.35 490.96 519.2 368.98 615.65 368.95 639.56 409.41 663.47 368.95 685.97 330.91 593.15 330.95 496.71 330.95 448.28 249.05 427.57 214.02 379.13 132.11 475.57 132.11 803.57 132.05 900.03 132.02 851.57 213.96 755.12 213.96"/>
+    <polygon class="st0" points="618.8 607.63 570.59 689.19 548.33 726.83 500.09 808.39 451.88 726.83 240.28 369.01 217.81 331 169.39 249.08 265.85 249.08 314.27 330.97 336.73 369.01 500.09 645.29 522.35 607.63 381.23 368.98 358.76 330.97 310.33 249.05 289.61 214.06 245.11 214.06 148.69 214.08 100.24 132.17 196.69 132.14 241.17 132.14 337.64 132.11 386.05 214.02 406.76 249.05 455.21 330.97 477.68 368.98 570.59 526.08 618.8 607.63"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/header-logo.svg b/public/header-logo.svg
new file mode 100644
index 0000000..858beba
--- /dev/null
+++ b/public/header-logo.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 1000">
+  <!-- Generator: Adobe Illustrator 29.7.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 8)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #d6d7d8;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M965.47,97.09l-461.75,786.4L34.81,97.09h930.65M1000,77.5H0l17.59,29.5,468.89,786.4,17.35,29.1,17.15-29.22L982.73,106.88l17.27-29.38h0Z"/>
+  <g>
+    <polygon class="st0" points="755.12 213.96 524.03 214.02 544.73 249.03 734.41 249 830.87 249 782.41 330.91 759.95 368.91 687.8 490.96 639.56 572.54 591.35 490.96 519.2 368.98 615.65 368.95 639.56 409.41 663.47 368.95 685.97 330.91 593.15 330.95 496.71 330.95 448.28 249.05 427.57 214.02 379.13 132.11 475.57 132.11 803.57 132.05 900.03 132.02 851.57 213.96 755.12 213.96"/>
+    <polygon class="st0" points="618.8 607.63 570.59 689.19 548.33 726.83 500.09 808.39 451.88 726.83 240.28 369.01 217.81 331 169.39 249.08 265.85 249.08 314.27 330.97 336.73 369.01 500.09 645.29 522.35 607.63 381.23 368.98 358.76 330.97 310.33 249.05 289.61 214.06 245.11 214.06 148.69 214.08 100.24 132.17 196.69 132.14 241.17 132.14 337.64 132.11 386.05 214.02 406.76 249.05 455.21 330.97 477.68 368.98 570.59 526.08 618.8 607.63"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index eaf955f..6b5fb64 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -153,8 +153,8 @@ const Layout = ({ children }: LayoutProps) => {
               {/* Logo */}
               <Link to="/" className="flex items-center space-x-2 group shrink-0">
                 <motion.img
-                    src="/logo.svg"
-                    alt=""
+                    src="/header-logo.svg"
+                    alt="Damjan Savić Logo"
                     className="h-8 w-auto"
                     whileHover={{ scale: 1.05 }}
                     transition={{ type: "spring", stiffness: 400, damping: 10 }}
