diff --git a/designsafe/static/images/social-media/X.svg b/designsafe/static/images/social-media/X.svg
new file mode 100644
index 0000000000..25c97200f5
--- /dev/null
+++ b/designsafe/static/images/social-media/X.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #262626;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
+    <circle class="cls-2" cx="256" cy="256" r="251"/>
+    <g>
+      <polygon class="cls-1" points="355.89 99 409.16 99 292.78 232.01 429.69 413 322.49 413 238.54 303.23 142.47 413 89.17 413 213.64 270.73 82.31 99 192.22 99 268.11 199.33 355.89 99 355.89 99"/>
+      <polygon class="cls-2" points="337.2 381.12 366.71 381.12 176.19 129.21 144.51 129.21 337.2 381.12 337.2 381.12"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/designsafe/templates/includes/header.html b/designsafe/templates/includes/header.html
index defb490e6b..7ccd13860e 100644
--- a/designsafe/templates/includes/header.html
+++ b/designsafe/templates/includes/header.html
@@ -14,6 +14,11 @@
           <img alt="Facebook" src="{% static 'images/social-media/Facebook.svg' %}" />
         </a>
       </li>
+      <li>
+        <a href="https://x.com/NHERI_Network" target="_blank" aria-describedby="msg-open-ext-site-new-window">
+          <img alt="X/Twitter" src="{% static 'images/social-media/X.svg' %}" />
+        </a>
+      </li>
       <li>
         <a href="https://www.linkedin.com/company/nheri-designsafe/" target="_blank" aria-describedby="msg-open-ext-site-new-window">
           <img alt="LinkedIn" src="{% static 'images/social-media/Linkedin.svg' %}" />
diff --git a/designsafe/templates/snippets/css-replace-twitter-icon-with-x.html b/designsafe/templates/snippets/css-replace-twitter-icon-with-x.html
deleted file mode 100644
index ac656c904a..0000000000
--- a/designsafe/templates/snippets/css-replace-twitter-icon-with-x.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<style id="css-replace-twitter-icon-with-x">
-a:has(img[alt="Twitter"]) {
-    display: inline-block;
-    vertical-align: middle;
-    width: 25px;
-    height: 25px;
-}
-a:has(img[alt="Twitter"])::after {
-    width: 100%;
-    height: 100%;
-    display: inline-block;
-    content: url("/media/filer_public/52/10/5210b030-f2c8-43f7-98a0-94d6227ee3de/twitter-x_icon.svg");
-}
-a > img[alt="Twitter"] {
-    display: none;
-}
-</style>