diff --git a/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png b/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png
new file mode 100644
index 0000000..48b0169
Binary files /dev/null and b/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png differ
diff --git a/client/index.html b/client/index.html
index 31e4d45..e7e6b58 100644
--- a/client/index.html
+++ b/client/index.html
@@ -5,6 +5,8 @@
     <title>TaskFlow - Personal Task Management</title>
     <meta name="description" content="Personal task management app with calendar scheduling, kanban boards, and time tracking" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
+    <link rel="icon" type="image/png" href="/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png" />
+    <link rel="apple-touch-icon" href="/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..600;1,14..32,400..600&display=swap" rel="stylesheet">
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 187d62e..279c159 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -16,6 +16,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import logoImage from '@assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png';
 
 // Components
 import BottomNavigation from './components/BottomNavigation';
@@ -366,9 +367,12 @@ function App() {
           <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
             <div className="flex h-16 items-center justify-between px-4">
               <div className="flex items-center gap-2">
-                <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
-                  <span className="text-primary-foreground font-bold text-sm">T</span>
-                </div>
+                <img 
+                  src={logoImage} 
+                  alt="TaskFlow Logo" 
+                  className="w-8 h-8 object-contain"
+                  data-testid="img-app-logo"
+                />
                 <h1 className="text-lg font-semibold" data-testid="text-app-title">
                   {t('app.title')}
                 </h1>
diff --git a/replit.md b/replit.md
index ad13a7f..78c0069 100644
--- a/replit.md
+++ b/replit.md
@@ -10,6 +10,12 @@ Preferred communication style: Simple, everyday language.
 
 ## Recent Changes
 
+### Application Logo and Branding (October 2025)
+- Created custom TaskFlow logo featuring checkmark and flow design elements
+- Integrated logo into application header
+- Added favicon and apple-touch-icon support for better branding
+- Logo assets: `attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png`
+
 ### Multilingual Support (October 2025)
 - Added full internationalization (i18n) support using react-i18next
 - Implemented English and German language translations