diff --git a/lib/assets/external/twitter.svg b/lib/assets/external/twitter.svg
deleted file mode 100644
index a43d68d9f..000000000
--- a/lib/assets/external/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
\ No newline at end of file
diff --git a/lib/assets/external/x.svg b/lib/assets/external/x.svg
new file mode 100644
index 000000000..437e2bfdd
--- /dev/null
+++ b/lib/assets/external/x.svg
@@ -0,0 +1,3 @@
+<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="white"/>
+</svg>
diff --git a/lib/components/icons.js b/lib/components/icons.js
index 3efe2ef60..84c9a9e37 100644
--- a/lib/components/icons.js
+++ b/lib/components/icons.js
@@ -39,12 +39,12 @@ import _PayPalIcon from '@/assets/external/paypal.svg?component'
 export const PayPalIcon = _PayPalIcon
 import _RedditIcon from '@/assets/external/reddit.svg?component'
 export const RedditIcon = _RedditIcon
-import _TwitterIcon from '@/assets/external/twitter.svg?component'
-export const TwitterIcon = _TwitterIcon
 import _WindowsIcon from '@/assets/external/windows.svg?component'
 export const WindowsIcon = _WindowsIcon
 import _YouTubeIcon from '@/assets/icons/youtube.svg?component'
 export const YouTubeIcon = _YouTubeIcon
+import _XTwitterIcon from '@/assets/external/x.svg?component'
+export const XTwitterIcon = _XTwitterIcon
 
 // Icons
 import _AlignLeftIcon from '@/assets/icons/align-left.svg?component'
diff --git a/lib/components/modal/ShareModal.vue b/lib/components/modal/ShareModal.vue
index af35f0b48..96cc25bf0 100644
--- a/lib/components/modal/ShareModal.vue
+++ b/lib/components/modal/ShareModal.vue
@@ -7,9 +7,9 @@ import {
   ShareIcon,
   MailIcon,
   GlobeIcon,
-  TwitterIcon,
   MastodonIcon,
   RedditIcon,
+  XTwitterIcon,
 } from '@'
 import { computed, ref, nextTick } from 'vue'
 import QrcodeVue from 'qrcode.vue'
@@ -163,7 +163,7 @@ defineExpose({
             target="_blank"
             :href="sendTweet"
           >
-            <TwitterIcon />
+            <XTwitterIcon />
           </a>
           <a
             v-tooltip="'Share on Reddit'"
@@ -223,7 +223,7 @@ defineExpose({
     }
 
     &.twitter {
-      background-color: #1da1f2;
+      background-color: #000000;
     }
   }
 }