diff --git a/litellm/proxy/logo.png b/litellm/proxy/logo.png
new file mode 100644
index 0000000000..da4faf5b5c
Binary files /dev/null and b/litellm/proxy/logo.png differ
diff --git a/litellm/proxy/proxy_server.py b/litellm/proxy/proxy_server.py
index f615232b75..4888a76d89 100644
--- a/litellm/proxy/proxy_server.py
+++ b/litellm/proxy/proxy_server.py
@@ -5045,6 +5045,11 @@ async def login(request: Request):
         )
 
 
+@app.get("/get_image", include_in_schema=False)
+def get_image():
+    return FileResponse(path="./logo.png")
+
+
 @app.get("/sso/callback", tags=["experimental"])
 async def auth_callback(request: Request):
     """Verify login"""
diff --git a/ui/litellm-dashboard/src/components/navbar.tsx b/ui/litellm-dashboard/src/components/navbar.tsx
index 946cfc4472..69527e2af3 100644
--- a/ui/litellm-dashboard/src/components/navbar.tsx
+++ b/ui/litellm-dashboard/src/components/navbar.tsx
@@ -25,13 +25,19 @@ const Navbar: React.FC<NavbarProps> = ({ userID, userRole, userEmail }) => {
   console.log("User ID:", userID);
   console.log("userEmail:", userEmail);
 
+  // const userColors = require('./ui_colors.json') || {};
+  const isLocal = process.env.NODE_ENV === "development";
+  const imageUrl = isLocal ? "http://localhost:4000/get_image" : "/get_image";
+
+
   return (
     <nav className="left-0 right-0 top-0 flex justify-between items-center h-12 mb-4">
       <div className="text-left mx-4 my-2 absolute top-0 left-0">
         <div className="flex flex-col items-center">
           <Link href="/">
             <button className="text-gray-800 text-2xl px-4 py-1 rounded text-center">
-              🚅 LiteLLM
+              <img src={imageUrl} width={50} height={50} alt="LiteLLM Brand" className="mr-2" />
+              LiteLLM
             </button>
           </Link>
         </div>