diff --git a/docusaurus.config.js b/docusaurus.config.js
index c6fb4fef..4dd59449 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -14,6 +14,33 @@ const config = {
   url: "https://volcano.sh",
   baseUrl: "/",
 
+  favicon: "img/favicons/favicon.ico",
+
+  headTags: [
+    {
+      tagName: "link",
+      attributes: {
+        rel: "apple-touch-icon",
+        href: "/img/favicons/apple-touch-icon.png",
+      },
+    },
+    {
+      tagName: "link",
+      attributes: {
+        rel: "manifest",
+        href: "/img/favicons/site.webmanifest",
+      },
+    },
+    {
+      tagName: "link",
+      attributes: {
+        rel: "mask-icon",
+        href: "/img/favicons/safari-pinned-tab.svg",
+        color: "#eb341a",
+      },
+    },
+  ],
+
   organizationName: "volcano-sh",
   projectName: "website",
 
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 00000000..24a3637c
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/img/favicons/site.webmanifest b/static/img/favicons/site.webmanifest
index 93f0b4f7..4631384d 100644
--- a/static/img/favicons/site.webmanifest
+++ b/static/img/favicons/site.webmanifest
@@ -1,6 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
+    "name": "Volcano",
+    "short_name": "Volcano",
     "icons": [
         {
             "src": "/img/favicons/android-chrome-192x192.png",