diff --git a/web/app/components/share/chat/index.tsx b/web/app/components/share/chat/index.tsx
index 6d1c80fd84..0d8e3503ee 100644
--- a/web/app/components/share/chat/index.tsx
+++ b/web/app/components/share/chat/index.tsx
@@ -441,6 +441,8 @@ const Main: FC<IMainProps> = () => {
     <div className='bg-gray-100'>
       <Header
         title={siteInfo.title}
+        icon={siteInfo.icon}
+        icon_background={siteInfo.icon_background}
         isMobile={isMobile}
         onShowSideBar={showSidebar}
         onCreateNewChat={() => handleConversationIdChange('-1')}
diff --git a/web/app/components/share/header.tsx b/web/app/components/share/header.tsx
index 0ad2247d2f..60df05f70e 100644
--- a/web/app/components/share/header.tsx
+++ b/web/app/components/share/header.tsx
@@ -7,6 +7,8 @@ import {
 } from '@heroicons/react/24/solid'
 export type IHeaderProps = {
   title: string
+  icon: string
+  icon_background: string
   isMobile?: boolean
   onShowSideBar?: () => void
   onCreateNewChat?: () => void
@@ -14,6 +16,8 @@ export type IHeaderProps = {
 const Header: FC<IHeaderProps> = ({
   title,
   isMobile,
+  icon,
+  icon_background,
   onShowSideBar,
   onCreateNewChat,
 }) => {
@@ -28,7 +32,7 @@ const Header: FC<IHeaderProps> = ({
         </div>
       ) : <div></div>}
       <div className='flex items-center space-x-2'>
-        <AppIcon size="small" />
+        <AppIcon size="small" icon={icon} background={icon_background} />
         <div className=" text-sm text-gray-800 font-bold">{title}</div>
       </div>
       {isMobile ? (
diff --git a/web/models/share.ts b/web/models/share.ts
index 03eace12fe..9bb0126cf3 100644
--- a/web/models/share.ts
+++ b/web/models/share.ts
@@ -11,6 +11,8 @@ export type ConversationItem = {
 
 export type SiteInfo = {
   title: string
+  icon: string
+  icon_background: string
   description: string
   default_language: Locale
   prompt_public: boolean