diff --git a/layouts/partials/favicons.html b/layouts/partials/favicons.html
new file mode 100644
index 000000000..e0c0a81d6
--- /dev/null
+++ b/layouts/partials/favicons.html
@@ -0,0 +1,9 @@
+<link rel="shortcut icon" href='{{ "/images/favicons/favicon.ico" | relURL }}' >
+<link rel="apple-touch-icon" href='{{ "/images/favicons/apple-touch-icon.png" | relURL }}' sizes="180x180">
+<link rel="icon" type="image/png" href='{{ "/images/favicons/favicon-16x16.png" | relURL }}' sizes="16x16">
+<link rel="icon" type="image/png" href='{{ "/images/favicons/favicon-32x32.png" | relURL }}' sizes="32x32">
+<link rel="manifest" href='{{ "/images/favicons/site.webmanifest" | relURL }}'>
+<link rel="mask-icon" href='{{ "/images/favicons/safari-pinned-tab.svg" | relURL }}' color="#ffffff">
+<meta name="msapplication-config" content='{{ "/images/favicons/browserconfig.xml" | relURL }}' />
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="theme-color" content="#ffffff">
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index c56c79e85..a152711de 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -20,6 +20,8 @@
 
 <link rel="canonical" href="https://kubesphere.io{{ .RelPermalink }}" />
 
+{{- partial "favicons.html" . -}}
+
 {{- partial "css.html" . -}}
 
 <script src='{{ "js/jquery-3.5.0.min.js" | relURL }}'></script>
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index 4614ee7f6..000000000
Binary files a/static/favicon.ico and /dev/null differ
diff --git a/static/images/favicons/android-chrome-192x192.png b/static/images/favicons/android-chrome-192x192.png
new file mode 100644
index 000000000..357324c25
Binary files /dev/null and b/static/images/favicons/android-chrome-192x192.png differ
diff --git a/static/images/favicons/android-chrome-256x256.png b/static/images/favicons/android-chrome-256x256.png
new file mode 100644
index 000000000..4256c9055
Binary files /dev/null and b/static/images/favicons/android-chrome-256x256.png differ
diff --git a/static/images/favicons/apple-touch-icon.png b/static/images/favicons/apple-touch-icon.png
new file mode 100644
index 000000000..99df9b9c1
Binary files /dev/null and b/static/images/favicons/apple-touch-icon.png differ
diff --git a/static/images/favicons/browserconfig.xml b/static/images/favicons/browserconfig.xml
new file mode 100644
index 000000000..1103e69e3
--- /dev/null
+++ b/static/images/favicons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/images/favicons/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/static/images/favicons/favicon-16x16.png b/static/images/favicons/favicon-16x16.png
new file mode 100644
index 000000000..48fee8fdf
Binary files /dev/null and b/static/images/favicons/favicon-16x16.png differ
diff --git a/static/images/favicons/favicon-32x32.png b/static/images/favicons/favicon-32x32.png
new file mode 100644
index 000000000..75df7e682
Binary files /dev/null and b/static/images/favicons/favicon-32x32.png differ
diff --git a/static/images/favicons/favicon.ico b/static/images/favicons/favicon.ico
new file mode 100644
index 000000000..120369c56
Binary files /dev/null and b/static/images/favicons/favicon.ico differ
diff --git a/static/images/favicons/mstile-150x150.png b/static/images/favicons/mstile-150x150.png
new file mode 100644
index 000000000..af69c5ca1
Binary files /dev/null and b/static/images/favicons/mstile-150x150.png differ
diff --git a/static/images/favicons/safari-pinned-tab.svg b/static/images/favicons/safari-pinned-tab.svg
new file mode 100644
index 000000000..3f82972ef
--- /dev/null
+++ b/static/images/favicons/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="477.333" height="477.333" viewBox="0 0 358 358"><path d="M174.5 5.4c-1.1.8-28.5 16.8-61 35.6-32.4 18.9-65.2 37.9-72.8 42.4l-13.7 8v175.3l12.8 7.4c7 4.1 13.6 7.9 14.7 8.5 1.1.6 15.3 8.9 31.5 18.4 16.2 9.4 31.3 18.2 33.5 19.5 2.2 1.2 15.9 9.2 30.5 17.8 14.6 8.5 26.6 15.4 26.8 15.2.2-.2.4-114.8.2-129 0-3.8-.3-4.1-6.2-7.5-3.5-1.9-8.3-4.7-10.8-6.2s-5.1-3.1-5.9-3.4c-.8-.4-8.6-5-17.5-10.2-20.1-11.8-25.5-15-28.3-16.4-1.3-.6-2.3-1.4-2.3-1.7 0-.5 7-4.8 22.5-13.6 7-4 31.5-18.3 37.4-21.8 2.5-1.5 6.1-3.5 7.9-4.4 2.3-1.2 3.2-2.4 3.2-4.2.4-21.1.4-131.1 0-131-.3 0-1.4.6-2.5 1.3zM214.5 70.2c0 29.4.4 45.3 1 45.3.9 0 14.9-7.6 19.5-10.5 1.4-.9 8.6-5.1 15.7-9.1 14-7.9 41.9-24.2 42.5-24.7.6-.6-14.5-9.6-42.1-25.3-2.5-1.5-11.7-6.7-20.3-11.8-8.6-5-15.8-9.1-16-9.1-.2 0-.3 20.4-.3 45.2z"/><path d="M295.5 111.5c-18.7 10.7-34.7 19.8-35.5 20.3-.8.5-8.7 5-17.5 9.9-8.8 5-26.1 14.8-38.5 21.9-12.4 7-23.5 13.3-24.8 13.9-2.9 1.6-3.7 1 14.8 11.2 1.9 1.1 15.1 8.6 29.3 16.7 14.1 8 27.4 15.6 29.5 16.7 2 1.2 10.5 6 18.7 10.7 8.3 4.7 17 9.6 19.5 11 2.5 1.4 12.2 6.9 21.7 12.3 9.5 5.5 17.6 9.9 18 9.9 1.2 0 1-173.3-.2-173.6-.6-.1-16.3 8.5-35 19.1zM214.5 287.5c0 25 .1 45.5.2 45.5.3 0 3.7-2 16.8-9.5 23-13.3 29.1-16.8 31.5-18.4 1.4-.8 2.7-1.6 3-1.6.3 0 1.6-.8 3-1.7 1.4-.8 7.5-4.4 13.5-7.8 6.1-3.5 11.1-6.4 11.3-6.5.4-.3-77.5-45.5-78.5-45.5-.4 0-.8 20.5-.8 45.5z"/></svg>
\ No newline at end of file
diff --git a/static/images/favicons/site.webmanifest b/static/images/favicons/site.webmanifest
new file mode 100644
index 000000000..9540468f1
--- /dev/null
+++ b/static/images/favicons/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/images/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/favicons/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}