diff --git a/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java b/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java
index ccc74973..d5e6a58f 100644
--- a/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java
+++ b/cameleer3-server-app/src/main/java/com/cameleer3/server/app/security/SecurityConfig.java
@@ -95,6 +95,7 @@ public class SecurityConfig {
                                 "/index.html",
                                 "/config.js",
                                 "/favicon-*.png",
+                                "/cameleer3-logo-*.png",
                                 "/camel-logo.svg",
                                 "/assets/**"
                         ).permitAll()
diff --git a/ui/public/cameleer3-logo-192.png b/ui/public/cameleer3-logo-192.png
new file mode 100644
index 00000000..8e63d6d8
Binary files /dev/null and b/ui/public/cameleer3-logo-192.png differ
diff --git a/ui/public/cameleer3-logo-48.png b/ui/public/cameleer3-logo-48.png
new file mode 100644
index 00000000..5653c900
Binary files /dev/null and b/ui/public/cameleer3-logo-48.png differ
diff --git a/ui/src/auth/LoginPage.tsx b/ui/src/auth/LoginPage.tsx
index 6a6d06cc..5690be48 100644
--- a/ui/src/auth/LoginPage.tsx
+++ b/ui/src/auth/LoginPage.tsx
@@ -131,7 +131,7 @@ export function LoginPage() {
       <Card className={styles.card}>
         <div className={styles.loginForm}>
           <div className={styles.logo}>
-            <img src={`${config.basePath}camel-logo.svg`} alt="" className={styles.logoImg} />
+            <img src={`${config.basePath}cameleer3-logo-192.png`} alt="" className={styles.logoImg} />
             cameleer3
           </div>
           <p className={styles.subtitle}>{subtitle}</p>
diff --git a/ui/src/components/LayoutShell.tsx b/ui/src/components/LayoutShell.tsx
index 0bcbe8eb..cd8da905 100644
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -625,7 +625,7 @@ function LayoutContent() {
 
   // --- Render -------------------------------------------------------
   const camelLogo = (
-    <img src={`${config.basePath}camel-logo.svg`} alt="" style={{ width: 28, height: 24 }} />
+    <img src={`${config.basePath}cameleer3-logo-48.png`} alt="" style={{ width: 28, height: 28 }} />
   );
 
   const sidebarElement = (