diff --git a/docs/src/_includes/components/social-icons.html b/docs/src/_includes/components/social-icons.html
index bb025af5b13..6f2b887e949 100644
--- a/docs/src/_includes/components/social-icons.html
+++ b/docs/src/_includes/components/social-icons.html
@@ -3,11 +3,8 @@ <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
     <ul role="list">
         <li>
             <a href="{{ links.twitter }}" rel="noopener noreferrer" target="_blank">
-                <svg width="24" height="25" viewBox="0 0 24 25" class="c-icon" role="img"
-                    aria-label="{{ site.footer.social_icons.twitter }}">
-                    <path
-                        d="M24 4.70918C23.1 5.10918 22.2 5.40918 21.2 5.50918C22.2 4.90918 23 3.90918 23.4 2.80918C22.4 3.40918 21.4 3.80918 20.3 4.00918C19.4 3.00918 18.1 2.40918 16.7 2.40918C14 2.40918 11.8 4.60918 11.8 7.30918C11.8 7.70918 11.8 8.10918 11.9 8.40918C7.7 8.20918 4.1 6.20918 1.7 3.20918C1.2 4.00918 1 4.80918 1 5.70918C1 7.40918 1.9 8.90918 3.2 9.80918C2.4 9.80918 1.6 9.60918 1 9.20918C1 9.20918 1 9.20918 1 9.30918C1 11.7092 2.7 13.7092 4.9 14.1092C4.5 14.2092 4.1 14.3092 3.6 14.3092C3.3 14.3092 3 14.3092 2.7 14.2092C3.3 16.2092 5.1 17.6092 7.3 17.6092C5.6 18.9092 3.5 19.7092 1.2 19.7092C0.8 19.7092 0.4 19.7092 0 19.6092C2.2 21.0092 4.8 21.8092 7.5 21.8092C16.6 21.8092 21.5 14.3092 21.5 7.80918C21.5 7.60918 21.5 7.40918 21.5 7.20918C22.5 6.50918 23.3 5.60918 24 4.70918Z"
-                        fill="currentColor" />
+                <svg viewBox="0 0 512 512" height="25" width="25" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.twitter }}" fill="currentColor">
+                    <path fill="none" d="M0 0h24v24H0z"></path><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
                 </svg>
             </a>
         </li>