diff --git a/docusaurus.config.js b/docusaurus.config.js
index d70a32f88b..2fbefafa79 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -182,7 +182,7 @@ const config = {
           {
             href: "https://twitter.com/KubeEdge",
             position: "right",
-            className: "header-twitter-link heade-icon",
+            className: "header-x-link heade-icon",
           },
           {
             to: "/docs/community/slack",
diff --git a/src/css/custom.css b/src/css/custom.css
index 56a84d0ae1..44d1362b91 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -41,12 +41,12 @@
     no-repeat;
 }
 
-.header-twitter-link::before {
+.header-x-link::before {
   content: "";
   width: 25px;
   height: 25px;
   display: flex;
-  background: url("/img/twitter.svg") no-repeat;
+  background: url("/img/x.svg") no-repeat;
 }
 
 .header-slack-link::before {
diff --git a/static/img/twitter.svg b/static/img/twitter.svg
deleted file mode 100644
index 7d2bd6f998..0000000000
--- a/static/img/twitter.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg height="32" width="28" viewBox="0 0 25 30" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision">
-  <g fill="#097eff">
-    <path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z" fill="#097eff"></path>
-  </g>
-</svg>
diff --git a/static/img/x.svg b/static/img/x.svg
new file mode 100644
index 0000000000..76ae86f95f
--- /dev/null
+++ b/static/img/x.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black"/>
+</svg>
\ No newline at end of file