diff --git a/docs/src/__examples__/SocialButton/DEFAULT.tsx b/docs/src/__examples__/SocialButton/DEFAULT.tsx
index ef1a83618b..bc2ba11e99 100644
--- a/docs/src/__examples__/SocialButton/DEFAULT.tsx
+++ b/docs/src/__examples__/SocialButton/DEFAULT.tsx
@@ -11,7 +11,7 @@ export default {
           name: "type",
           type: "select",
           defaultValue: "apple",
-          options: ["apple", "facebook", "twitter", "google"],
+          options: ["apple", "facebook", "X", "google"],
         },
         {
           name: "fullWidth",
diff --git a/docs/src/__examples__/SocialButton/services.tsx b/docs/src/__examples__/SocialButton/services.tsx
index 01d8809a3e..885eee31c4 100644
--- a/docs/src/__examples__/SocialButton/services.tsx
+++ b/docs/src/__examples__/SocialButton/services.tsx
@@ -14,8 +14,8 @@ export default {
       code: `() => <SocialButton type="google">Sign in with Google</SocialButton>`,
     },
     {
-      name: "twitter",
-      code: `() => <SocialButton type="twitter">Sign in with Twitter</SocialButton>`,
+      name: "X",
+      code: `() => <SocialButton type="X">Sign in with X</SocialButton>`,
     },
   ],
 };
diff --git a/docs/src/components/Footer.tsx b/docs/src/components/Footer.tsx
index 88408024de..61864eff47 100644
--- a/docs/src/components/Footer.tsx
+++ b/docs/src/components/Footer.tsx
@@ -6,7 +6,7 @@ import { Link, useStaticQuery, graphql } from "gatsby";
 import mediaQueries from "./MediaQueries";
 import Switch from "./Switch";
 import GitHub from "../images/logos/github-circle.svg";
-import Twitter from "../images/logos/twitter-circle.svg";
+import X from "../images/logos/x.svg";
 import orbitHeart from "../images/orbit-heart.png";
 import { MAX_CONTENT_WIDTH, CONTENT_PADDING } from "../consts";
 import useDevMode from "../hooks/useDevMode";
@@ -127,8 +127,8 @@ export default function Footer() {
               <StyledIconLink href="https://github.com/kiwicom/orbit" aria-label="GitHub">
                 <GitHub />
               </StyledIconLink>
-              <StyledIconLink href="https://twitter.com/OrbitKiwi" aria-label="Twitter">
-                <Twitter />
+              <StyledIconLink href="https://x.com/OrbitKiwi" aria-label="X">
+                <X />
               </StyledIconLink>
             </Stack>
           </Stack>
diff --git a/docs/src/components/Head/index.tsx b/docs/src/components/Head/index.tsx
index 25348a5a24..6e22534428 100644
--- a/docs/src/components/Head/index.tsx
+++ b/docs/src/components/Head/index.tsx
@@ -40,8 +40,8 @@ export default function Head({ title, hasSiteName, description, path }: Props) {
       <meta property="og:title" content={pageTitle} />
       <meta property="og:description" content={description} />
       <meta property="og:url" content={url} />
-      {/* Twitter Card */}
-      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary */}
+      {/* X Card */}
+      {/* https://developer.x.com/en/docs/x-for-websites/cards/overview/summary */}
       <meta name="twitter:card" content="summary" />
       <meta name="twitter:site" content="@OrbitKiwi" />
       <meta name="twitter:title" content={pageTitle} />
diff --git a/docs/src/images/logos/twitter-circle.svg b/docs/src/images/logos/twitter-circle.svg
deleted file mode 100644
index bd068c8330..0000000000
--- a/docs/src/images/logos/twitter-circle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M16 0C7.164 0 0 7.164 0 16s7.164 16 16 16 16-7.164 16-16S24.836 0 16 0zm8.088 12.86c.244 5.387-3.773 11.392-10.885 11.392-2.163 0-4.175-.635-5.87-1.721a7.705 7.705 0 0 0 5.67-1.586 3.838 3.838 0 0 1-3.579-2.66 3.84 3.84 0 0 0 1.73-.065c-1.84-.37-3.113-2.03-3.071-3.804a3.82 3.82 0 0 0 1.734.479A3.835 3.835 0 0 1 8.632 9.78a10.87 10.87 0 0 0 7.893 4.002c-.558-2.395 1.259-4.703 3.732-4.703 1.1 0 2.096.465 2.795 1.21a7.637 7.637 0 0 0 2.432-.93 3.845 3.845 0 0 1-1.684 2.119 7.644 7.644 0 0 0 2.199-.604 7.687 7.687 0 0 1-1.911 1.985z"/></svg>
\ No newline at end of file
diff --git a/docs/src/images/logos/x.svg b/docs/src/images/logos/x.svg
new file mode 100644
index 0000000000..5e014643c1
--- /dev/null
+++ b/docs/src/images/logos/x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" viewBox="0 0 32 32" version="1.1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 0.0703125 0.101562 C 0.132812 0.1875 12.34375 17.582031 12.453125 17.738281 L 12.492188 17.792969 L 6.316406 24.816406 C 2.921875 28.679688 0.109375 31.875 0.0703125 31.921875 L -0.00390625 32.003906 L 2.820312 32.003906 L 8.28125 25.792969 C 11.285156 22.378906 13.742188 19.582031 13.746094 19.582031 C 13.75 19.582031 15.714844 22.378906 18.113281 25.792969 L 22.472656 32.003906 L 32 32.003906 L 31.960938 31.945312 C 31.941406 31.917969 29.03125 27.769531 25.492188 22.734375 C 21.957031 17.695312 19.0625 13.566406 19.0625 13.554688 C 19.058594 13.542969 21.734375 10.492188 25 6.777344 C 28.265625 3.0625 30.941406 0.015625 30.945312 0.0117188 C 30.945312 0.00390625 30.316406 0 29.542969 0 L 28.136719 0 L 22.96875 5.875 C 20.128906 9.105469 17.800781 11.75 17.792969 11.75 C 17.785156 11.753906 15.925781 9.109375 13.65625 5.878906 L 9.53125 0 L 0 0 Z M 8.992188 3.21875 C 12.773438 8.515625 28.117188 29.992188 28.125 30.003906 C 28.132812 30.015625 27.699219 30.019531 25.96875 30.019531 L 23.800781 30.019531 L 19.257812 23.65625 C 16.757812 20.15625 12.265625 13.875 9.28125 9.695312 C 6.296875 5.515625 3.851562 2.09375 3.851562 2.085938 C 3.851562 2.078125 4.765625 2.074219 6.011719 2.074219 L 8.171875 2.074219 Z M 8.992188 3.21875 "/>
+</svg>
diff --git a/docs/src/images/twitter.svg b/docs/src/images/twitter.svg
deleted file mode 100644
index 588956323c..0000000000
--- a/docs/src/images/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M200 0c110.383 0 200 89.617 200 200s-89.617 200-200 200S0 310.383 0 200 89.617 0 200 0zm-36.6 305.5c88.7 0 137.2-73.5 137.2-137.2 0-2.1 0-4.2-.1-6.2 9.4-6.8 17.6-15.3 24.1-25-8.6 3.8-17.9 6.4-27.7 7.6 10-6 17.6-15.4 21.2-26.7-9.3 5.5-19.6 9.5-30.6 11.7-8.8-9.4-21.3-15.2-35.2-15.2-26.6 0-48.2 21.6-48.2 48.2 0 3.8.4 7.5 1.3 11-40.1-2-75.6-21.2-99.4-50.4-4.1 7.1-6.5 15.4-6.5 24.2 0 16.7 8.5 31.5 21.5 40.1-7.9-.2-15.3-2.4-21.8-6v.6c0 23.4 16.6 42.8 38.7 47.3-4 1.1-8.3 1.7-12.7 1.7-3.1 0-6.1-.3-9.1-.9 6.1 19.2 23.9 33.1 45 33.5-16.5 12.9-37.3 20.6-59.9 20.6-3.9 0-7.7-.2-11.5-.7 21.1 13.8 46.5 21.8 73.7 21.8z"/></svg>
\ No newline at end of file
diff --git a/docs/src/images/x.svg b/docs/src/images/x.svg
new file mode 100644
index 0000000000..2deb6fd023
--- /dev/null
+++ b/docs/src/images/x.svg
@@ -0,0 +1 @@
+<svg width="1200" height="1227" 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="#fff"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 70fd9a2f83..9d406e67c7 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -22,7 +22,7 @@ import HeaderBox from "../components/HeaderBox";
 import BrandedTile from "../components/BrandedTile";
 import GitHubLogo from "../images/github-full.svg";
 import FigmaLogo from "../images/figma-logo.svg";
-import TwitterLogo from "../images/twitter.svg";
+import XLogo from "../images/x.svg";
 import srcTequila from "../images/tequila.png";
 import { MAX_CONTENT_WIDTH } from "../consts";
 import ScreenReaderText from "../components/ScreenReaderText";
@@ -273,18 +273,18 @@ export default function Home({ location, path }: Props) {
                 free.
               </BrandedTile>
               <BrandedTile
-                title="Follow us on Twitter"
+                title="Follow us on X"
                 icon={<LoveBirdIcon />}
-                href="https://twitter.com/OrbitKiwi"
-                linkContent="Follow Orbit on Twitter"
-                logo={<TwitterLogo />}
+                href="https://x.com/OrbitKiwi"
+                linkContent="Follow Orbit on X"
+                logo={<XLogo />}
                 color={{
-                  primary: "#0989CF",
-                  secondary: "#179CE3",
+                  primary: "#15171a",
+                  secondary: "#657785",
                 }}
               >
-                Twitter is one of our main platforms for sharing. Everything important that is
-                happening around Orbit is published on Twitter.
+                X is one of our main platforms for sharing. Everything important that is happening
+                around Orbit is published on X.
               </BrandedTile>
               <BrandedTile
                 title="Connect Orbit to Tequila"