diff --git a/packages/elements-react/src/theme/default/provider-logos/index.ts b/packages/elements-react/src/theme/default/provider-logos/index.ts
index 8d3969b74..23b3240f6 100644
--- a/packages/elements-react/src/theme/default/provider-logos/index.ts
+++ b/packages/elements-react/src/theme/default/provider-logos/index.ts
@@ -14,6 +14,7 @@ import microsoft from "./microsoft.svg"
 import slack from "./slack.svg"
 import spotify from "./spotify.svg"
 import yandex from "./yandex.svg"
+import x from "./x.svg"
 
 const logos: Record<string, typeof apple> = {
   apple,
@@ -29,5 +30,6 @@ const logos: Record<string, typeof apple> = {
   slack,
   spotify,
   yandex,
+  x,
 }
 export default logos
diff --git a/packages/elements-react/src/theme/default/provider-logos/x.svg b/packages/elements-react/src/theme/default/provider-logos/x.svg
new file mode 100644
index 000000000..4ee9d2696
--- /dev/null
+++ b/packages/elements-react/src/theme/default/provider-logos/x.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.122 3H28.4139L18.9903 13.7298L30 28.2849H21.3602L14.5958 19.4399L6.85172 28.2849H2.55981L12.5432 16.8087L2 3H10.8544L16.9657 11.08L24.122 3ZM22.6198 25.7657H24.999L9.60413 5.42586H7.04765L22.6198 25.7657Z" fill="#0F172A"/>
+</svg>