diff --git a/material.angular.io/src/app/shared/support/support.html b/material.angular.io/src/app/shared/support/support.html
index e4bca1095d24..16072279b1e4 100644
--- a/material.angular.io/src/app/shared/support/support.html
+++ b/material.angular.io/src/app/shared/support/support.html
@@ -25,10 +25,10 @@
     </li>
     <li>
       <a href="https://twitter.com/angular">
-        <img src="../../../assets/img/homepage/twitter-logo.svg" alt="Twitter icon" loading="lazy">
-        Twitter
+        <img src="../../../assets/img/homepage/x-logo.svg" alt="X icon" loading="lazy">
+        X
       </a>
-      <div class="docs-help-support-description">Connect with &#64;angular on Twitter</div>
+      <div class="docs-help-support-description">Connect with &#64;angular on X</div>
     </li>
     <li>
       <a href="https://blog.angular.io">
diff --git a/material.angular.io/src/assets/img/homepage/twitter-logo.svg b/material.angular.io/src/assets/img/homepage/twitter-logo.svg
deleted file mode 100644
index 4af2381503b3..000000000000
--- a/material.angular.io/src/assets/img/homepage/twitter-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="126.444 2.281 589 589"><circle cx="420.944" cy="296.781" r="294.5" fill="#2daae1"/><path d="M609.773 179.634c-13.891 6.164-28.811 10.331-44.498 12.204 16.01-9.587 28.275-24.779 34.066-42.86a154.78 154.78 0 0 1-49.209 18.801c-14.125-15.056-34.267-24.456-56.551-24.456-42.773 0-77.462 34.675-77.462 77.473 0 6.064.683 11.98 1.996 17.66-64.389-3.236-121.474-34.079-159.684-80.945-6.672 11.446-10.491 24.754-10.491 38.953 0 26.875 13.679 50.587 34.464 64.477a77.122 77.122 0 0 1-35.097-9.686v.979c0 37.54 26.701 68.842 62.145 75.961-6.511 1.784-13.344 2.716-20.413 2.716-4.998 0-9.847-.473-14.584-1.364 9.859 30.769 38.471 53.166 72.363 53.799-26.515 20.785-59.925 33.175-96.212 33.175-6.25 0-12.427-.373-18.491-1.104 34.291 21.988 75.006 34.824 118.759 34.824 142.496 0 220.428-118.052 220.428-220.428 0-3.361-.074-6.697-.236-10.021a157.855 157.855 0 0 0 38.707-40.158z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/material.angular.io/src/assets/img/homepage/x-logo.svg b/material.angular.io/src/assets/img/homepage/x-logo.svg
new file mode 100644
index 000000000000..c849f9b0564c
--- /dev/null
+++ b/material.angular.io/src/assets/img/homepage/x-logo.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        stroke: #000;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <rect class="cls-1" x="4.92" y="2.95" width="31.38" height="36.77"/>
+      <path d="M7,0C3.13,0,0,3.13,0,7v28c0,3.87,3.13,7,7,7h28c3.87,0,7-3.13,7-7V7c0-3.87-3.13-7-7-7H7Zm2.09,9h7.94l5.64,8.01,6.84-8.01h2.5l-8.21,9.61,10.12,14.39h-7.94l-6.54-9.29-7.94,9.29h-2.5l9.31-10.9L9.09,9Zm3.83,2l14.11,20h3.06L15.98,11h-3.06Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file