diff --git a/public/index.html b/public/index.html
index ca988eb..c62ed26 100755
--- a/public/index.html
+++ b/public/index.html
@@ -25,6 +25,10 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+
+    <!-- link to font awesome -->
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v6.4.2/css/all.css">
+    
     <title>WrenchBoard</title>
     <meta property="og:image" content="%PUBLIC_URL%/favicon-32x32.png" />
     <meta property="business:contact_data:street_address" content="Cumberland Pkwy">
diff --git a/src/assets/css/font-awesome.min.css b/src/assets/css/font-awesome.min.css
index 8548b26..b9f87ac 100644
--- a/src/assets/css/font-awesome.min.css
+++ b/src/assets/css/font-awesome.min.css
@@ -5632,6 +5632,9 @@ readers do not read off random characters that represent icons */
 .fa-twitter:before {
   content: "\f099"; }
 
+.fa-x-twitter:before {
+  content: "\e61b"; }
+
 .fa-twitter-square:before {
   content: "\f081"; }
 
diff --git a/src/assets/images/icon/twitter_icon-black.png b/src/assets/images/icon/twitter_icon-black.png
new file mode 100644
index 0000000..2c2d7e8
Binary files /dev/null and b/src/assets/images/icon/twitter_icon-black.png differ
diff --git a/src/assets/images/icon/twitter_icon-white.png b/src/assets/images/icon/twitter_icon-white.png
new file mode 100644
index 0000000..2609e58
Binary files /dev/null and b/src/assets/images/icon/twitter_icon-white.png differ
diff --git a/src/assets/images/icon/twitter_icon.svg b/src/assets/images/icon/twitter_icon.svg
new file mode 100644
index 0000000..437e2bf
--- /dev/null
+++ b/src/assets/images/icon/twitter_icon.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/src/components/Contact/Forms.js b/src/components/Contact/Forms.js
index 73ac52f..d951b5b 100644
--- a/src/components/Contact/Forms.js
+++ b/src/components/Contact/Forms.js
@@ -82,7 +82,8 @@ function Forms() {
                                         <i className="fab fa-facebook-f"></i>
                                     </a>
                                     <a className="twi" href={process.env.REACT_APP_TWITTER_LINK}>
-                                        <i className="fab fa-twitter"></i>
+                                        {/* <i className="fab fa-twitter"></i> */}
+                                        <i className="fab fa-x-twitter" />
                                     </a>
                                     <a className="you" href="#">
                                         <i className="fab fa-youtube"></i>
diff --git a/src/components/HomeOne/FooterHomeOne.js b/src/components/HomeOne/FooterHomeOne.js
index 56fc8d6..bc842cd 100644
--- a/src/components/HomeOne/FooterHomeOne.js
+++ b/src/components/HomeOne/FooterHomeOne.js
@@ -34,7 +34,8 @@ function FooterHomeOne({ className }) {
                                         </li>
                                         <li>
                                             <a href={process.env.REACT_APP_TWITTER_LINK}>
-                                                <i className="fab fa-twitter" />
+                                                {/* <i className="fab fa-twitter" /> */}
+                                                <i className="fab fa-x-twitter" />
                                             </a>
                                         </li>
                                     </ul>