diff --git a/index.html b/index.html
index 124faa05d0..9d53c07074 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" href="/favicon.ico" />
+    <link rel="shortcut icon" href="/favicon-32x32.ico" />
     <link rel="manifest" href="/manifest.webmanifest" />
     <!--SEO_META-->
     <style>
diff --git a/index.mobile.html b/index.mobile.html
index d92a9c36d4..c2c14c88bb 100644
--- a/index.mobile.html
+++ b/index.mobile.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" href="/favicon.ico" />
+    <link rel="shortcut icon" href="/favicon-32x32.ico" />
     <!--SEO_META-->
     <style>
       html body {
diff --git a/src/layout/GlobalProvider/DynamicFavicon.tsx b/src/layout/GlobalProvider/DynamicFavicon.tsx
new file mode 100644
index 0000000000..8148d84ddb
--- /dev/null
+++ b/src/layout/GlobalProvider/DynamicFavicon.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import { memo, useEffect } from 'react';
+
+import { useFaviconSetters } from '@/layout/GlobalProvider/FaviconProvider';
+import { useChatStore } from '@/store/chat';
+import { operationSelectors } from '@/store/chat/slices/operation/selectors';
+
+const DynamicFavicon = memo(() => {
+  const isRunning = useChatStore(operationSelectors.isAgentRuntimeRunning);
+  const { setFavicon } = useFaviconSetters();
+
+  useEffect(() => {
+    setFavicon(isRunning ? 'progress' : 'default');
+  }, [isRunning, setFavicon]);
+
+  return null;
+});
+
+DynamicFavicon.displayName = 'DynamicFavicon';
+
+export default DynamicFavicon;
diff --git a/src/layout/GlobalProvider/FaviconProvider.tsx b/src/layout/GlobalProvider/FaviconProvider.tsx
index ea7a85dad7..b75a645db2 100644
--- a/src/layout/GlobalProvider/FaviconProvider.tsx
+++ b/src/layout/GlobalProvider/FaviconProvider.tsx
@@ -56,6 +56,20 @@ const updateFaviconDOM = (state: FaviconState, isDev: boolean) => {
     'link[rel="icon"], link[rel="shortcut icon"]',
   );
 
+  if (existingLinks.length === 0) {
+    // No favicon links found — create them
+    const iconLink = document.createElement('link');
+    iconLink.rel = 'icon';
+    iconLink.href = `${getFaviconPath(state, isDev)}?v=${Date.now()}`;
+    head.append(iconLink);
+
+    const shortcutLink = document.createElement('link');
+    shortcutLink.rel = 'shortcut icon';
+    shortcutLink.href = `${getFaviconPath(state, isDev, '32x32')}?v=${Date.now()}`;
+    head.append(shortcutLink);
+    return;
+  }
+
   // Remove existing favicon links and create new ones to bust cache
   existingLinks.forEach((link) => {
     const oldHref = link.href;
diff --git a/src/layout/SPAGlobalProvider/index.tsx b/src/layout/SPAGlobalProvider/index.tsx
index 80ce44c36f..50a8bad656 100644
--- a/src/layout/SPAGlobalProvider/index.tsx
+++ b/src/layout/SPAGlobalProvider/index.tsx
@@ -10,6 +10,7 @@ import { DragUploadProvider } from '@/components/DragUploadZone/DragUploadProvid
 import { isDesktop } from '@/const/version';
 import AuthProvider from '@/layout/AuthProvider';
 import AppTheme from '@/layout/GlobalProvider/AppTheme';
+import DynamicFavicon from '@/layout/GlobalProvider/DynamicFavicon';
 import { FaviconProvider } from '@/layout/GlobalProvider/FaviconProvider';
 import { GroupWizardProvider } from '@/layout/GlobalProvider/GroupWizardProvider';
 import ImportSettings from '@/layout/GlobalProvider/ImportSettings';
@@ -54,6 +55,7 @@ const SPAGlobalProvider = memo<PropsWithChildren>(({ children }) => {
 
                 {isDesktop && <ServerVersionOutdatedAlert />}
                 <FaviconProvider>
+                  <DynamicFavicon />
                   <GroupWizardProvider>
                     <DragUploadProvider>
                       <LazyMotion features={domMax}>
