diff --git a/client/packages/lowcoder/src/assets/images/index.tsx b/client/packages/lowcoder/src/assets/images/index.tsx
index 4ef1ae337..d67ebeef1 100644
--- a/client/packages/lowcoder/src/assets/images/index.tsx
+++ b/client/packages/lowcoder/src/assets/images/index.tsx
@@ -1,6 +1,7 @@
 //window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
 import { ReactComponent as LogoIcon } from "./logo.svg";
 import { ReactComponent as LogoWithNameIcon } from "./logo-with-name.svg";
+import { ReactComponent as LogoHomeIcon } from "./logo-with-name.svg";
 
 export { default as favicon } from "./favicon.ico";
 
@@ -10,3 +11,6 @@ export const Logo = (props: { branding?: boolean }) => {
 export const LogoWithName = (props: { branding?: boolean }) => {
   return <LogoWithNameIcon />;
 };
+export const LogoHome = (props: { branding?: boolean }) => {
+  return <LogoHomeIcon />;
+};
diff --git a/client/packages/lowcoder/src/assets/images/logo-with-name-home.svg b/client/packages/lowcoder/src/assets/images/logo-with-name-home.svg
new file mode 100644
index 000000000..ce08f291d
--- /dev/null
+++ b/client/packages/lowcoder/src/assets/images/logo-with-name-home.svg
@@ -0,0 +1 @@
+<svg width="24px" height="24px" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="icon-application-home_svg__a" x1="50%" y1="1.89576049%" x2="50%" y2="94.4251638%"><stop stop-color="#ffffff" offset="0%"></stop><stop stop-color="#ffffff" offset="100%"></stop></linearGradient><linearGradient x1="50%" y1="1.89576049%" x2="50%" y2="94.4251638%"><stop stop-color="#6D83F2" offset="0%"></stop><stop stop-color="#4965F2" offset="100%"></stop></linearGradient></defs><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M9.29562521,0.732013329 C9.68797628,0.343324403 10.3211343,0.346293158 10.7098232,0.73864423 L10.7098232,0.73864423 L18.9442291,9.05063294 C19.0926385,9.20044065 19.1758975,9.4027861 19.1758975,9.61365979 C19.1758975,10.0554876 18.8177253,10.4136598 18.3758975,10.4136598 L18.3758975,10.4136598 L16.8630892,10.4136598 L16.8630892,17.300355 C16.8633999,17.3004585 16.8633999,17.3005621 16.8633998,17.3006657 L16.8571726,17.423357 C16.7955639,18.0284473 16.2844095,18.5004964 15.6630892,18.5000443 L15.6630892,18.5000443 L4.3377353,18.4971121 C3.67511501,18.4966298 3.13804603,17.9594217 3.1377353,17.2968013 L3.1377353,17.2968013 L3.1377353,10.4136598 L1.62413378,10.4136598 C1.41328052,10.4136598 1.21095296,10.3304169 1.06114882,10.1820329 C0.747245039,9.87110485 0.744832702,9.3645786 1.05576071,9.05067483 L1.05576071,9.05067483 L9.28894244,0.738696591 L9.28894244,0.738696591 Z M11.8596759,13 L8.14055447,13 C7.58826972,13 7.14055447,13.4477153 7.14055447,14 C7.14055447,14.5522847 7.58826972,15 8.14055447,15 L8.14055447,15 L11.8596759,15 C12.4119606,15 12.8596759,14.5522847 12.8596759,14 C12.8596759,13.4477153 12.4119606,13 11.8596759,13 L11.8596759,13 Z" fill="url(#icon-application-home_svg__a)" fill-rule="nonzero"></path></g></svg>
\ No newline at end of file
diff --git a/client/packages/lowcoder/src/components/PageSkeleton.tsx b/client/packages/lowcoder/src/components/PageSkeleton.tsx
index d5a2dd7c2..f174d186f 100644
--- a/client/packages/lowcoder/src/components/PageSkeleton.tsx
+++ b/client/packages/lowcoder/src/components/PageSkeleton.tsx
@@ -2,7 +2,7 @@ import { Layout, Skeleton } from "antd";
 import MainContent from "components/layout/MainContent";
 import SideBar from "components/layout/SideBar";
 import Header from "./layout/Header";
-import { Logo, LogoWithName } from "@lowcoder-ee/assets/images";
+import { Logo, LogoWithName, LogoHome } from "@lowcoder-ee/assets/images";
 import styled from "styled-components";
 import { useSelector } from "react-redux";
 import { getBrandingConfig, getSystemConfigFetching } from "../redux/selectors/configSelectors";
@@ -22,6 +22,11 @@ const StyledLogo = styled(Logo)`
   width: 24px;
 `;
 
+const StyledLogoHome = styled(LogoHome)`
+  height: 24px;
+  width: 24px;
+`;
+
 const StyledLogoWithName = styled(LogoWithName)`
   height: 28px;
   /* width: 28px; */
@@ -78,7 +83,7 @@ export default function PageSkeleton(props: IProps) {
       {!hideHeader && isHeaderReady && (
         <Header
           headerStart={
-            logoWithName ? <StyledLogoWithName branding={true} /> : <StyledLogo branding={true} />
+            <StyledLogoHome branding={true} />
           }
           style={{ backgroundColor: brandingConfig?.headerColor, ...props.headStyle }}
         />