diff --git a/resources/views/articles/show.blade.php b/resources/views/articles/show.blade.php
index c535e772c..c01236f44 100644
--- a/resources/views/articles/show.blade.php
+++ b/resources/views/articles/show.blade.php
@@ -153,7 +153,7 @@ class="prose prose-lg text-gray-800 prose-lio"
 
                                 @if ($article->author()->hasTwitterAccount())
                                     <a href="https://twitter.com/{{ $article->author()->twitter() }}" class="text-twitter">
-                                        <x-icon-twitter class="w-6 h-6" />
+                                        <x-si-x class="w-6 h-6" />
                                     </a>
                                 @endif
 
diff --git a/resources/views/components/articles/engage.blade.php b/resources/views/components/articles/engage.blade.php
index 43f4990e3..56b983798 100644
--- a/resources/views/components/articles/engage.blade.php
+++ b/resources/views/components/articles/engage.blade.php
@@ -7,7 +7,7 @@
 
             <a class="text-gray-300 hover:text-twitter" target="_blank" rel="noopener" aria-label="Share on Twitter"
                 href="http://twitter.com/share?text={{ urlencode('"'.$article->title().'" by '. ($article->author()->twitter() ? '@'.$article->author()->twitter() : $article->author()->name()) . ' - ') }}&url={{ urlencode(route('articles.show', $article->slug())) }}">
-                <x-icon-twitter class="w-6 h-6" />
+                <x-si-x class="w-6 h-6" />
             </a>
 
             <a class="text-gray-300 hover:text-facebook" target="_blank" rel="noopener" aria-label="Share on Facebook"
diff --git a/resources/views/components/users/profile-block.blade.php b/resources/views/components/users/profile-block.blade.php
index ca3a00438..6b0d2c85f 100644
--- a/resources/views/components/users/profile-block.blade.php
+++ b/resources/views/components/users/profile-block.blade.php
@@ -24,7 +24,7 @@
 
             @if ($user->hasTwitterAccount())
                 <a href="https://twitter.com/{{ $user->twitter() }}" class="text-twitter">
-                    <x-icon-twitter class="w-6 h-6" />
+                    <x-si-x class="w-6 h-6" />
                 </a>
             @endif
 
diff --git a/resources/views/layouts/_footer.blade.php b/resources/views/layouts/_footer.blade.php
index d8494199a..b768f326c 100644
--- a/resources/views/layouts/_footer.blade.php
+++ b/resources/views/layouts/_footer.blade.php
@@ -42,7 +42,7 @@
 
                         <div class="flex flex-wrap lg:flex-col lg:flex-no-wrap">
                             <a href="https://twitter.com/laravelio" class="w-1/2 text-gray-400 mb-4 hover:text-gray-200 lg:mb-6">
-                                <x-icon-twitter class="text-white w-4 h-4 inline mr-3.5"/>
+                                <x-si-x class="text-white w-4 h-4 inline mr-3.5"/>
                                 Twitter
                             </a>
 
diff --git a/resources/views/layouts/_nav.blade.php b/resources/views/layouts/_nav.blade.php
index b7ac3050e..3adfd6fd4 100644
--- a/resources/views/layouts/_nav.blade.php
+++ b/resources/views/layouts/_nav.blade.php
@@ -98,7 +98,7 @@
 
                                             <li class="mb-4 lg:hover:bg-gray-100 lg:mb-0">
                                                 <a href="https://twitter.com/laravelio" class="inline-block w-full lg:px-4 lg:py-3">
-                                                    <x-icon-twitter class="w-4 h-4 inline text-twitter"/>
+                                                    <x-si-x class="w-4 h-4 inline text-twitter"/>
                                                     Twitter
                                                 </a>
                                             </li>
diff --git a/resources/views/users/profile.blade.php b/resources/views/users/profile.blade.php
index 5cfb8de83..ef055c0a1 100644
--- a/resources/views/users/profile.blade.php
+++ b/resources/views/users/profile.blade.php
@@ -48,7 +48,7 @@ class="w-full bg-center bg-gray-800 h-60"
 
                         @if ($user->hasTwitterAccount())
                             <a href="https://twitter.com/{{ $user->twitter() }}" class="text-twitter">
-                                <x-icon-twitter class="w-6 h-6" />
+                                <x-si-x class="w-6 h-6" />
                             </a>
                         @endif
 
diff --git a/tailwind.config.js b/tailwind.config.js
index fc45f6ed6..94435cf64 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -41,7 +41,7 @@ module.exports = {
                     800: '#484a4a',
                     900: '#343636',
                 },
-                twitter: '#00aaec',
+                twitter: '#000000',
                 discord: '#7289da',
                 facebook: '#4267b2',
                 linkedin: '#2977c9',