diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
index c8025aeef3791..aa4bfc92ce8a8 100644
--- a/web/pandas/_templates/layout.html
+++ b/web/pandas/_templates/layout.html
@@ -14,7 +14,7 @@
             <link rel="stylesheet"
                   href="{{ base_url }}{{ stylesheet }}">
         {% endfor %}
-        <script src="https://kit.fontawesome.com/79e5369384.js" crossorigin="anonymous"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
             <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
     <body>
         <header>
@@ -64,27 +64,27 @@
             <ul class="list-inline social-buttons float-end">
                 <li class="list-inline-item">
                     <a href="https://t.me/s/pandas_dev">
-                        <i class="fab fa-telegram"></i>
+                        <i class="fab bi bi-telegram"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://fosstodon.org/@pandas_dev" rel="me">
-                        <i class="fab fa-mastodon"></i>
+                        <i class="fab bi bi-mastodon"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://twitter.com/pandas_dev/">
-                        <i class="fab fa-twitter"></i>
+                        <i class="fab bi bi-twitter"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="/pandas-dev/pandas/">
-                        <i class="fab fa-github"></i>
+                        <i class="fab bi bi-github"></i>
                     </a>
                 </li>
                 <li class="list-inline-item">
                     <a href="https://stackoverflow.com/questions/tagged/pandas">
-                        <i class="fab fa-stack-overflow"></i>
+                        <i class="fab bi bi-stack-overflow"></i>
                     </a>
                 </li>
             </ul>
diff --git a/web/pandas/index.html b/web/pandas/index.html
index 3d2e5363a2a2d..a9f5c35458bc8 100644
--- a/web/pandas/index.html
+++ b/web/pandas/index.html
@@ -74,17 +74,17 @@ <h4>Follow us</h4>
                     <ul class="list-inline social-buttons">
                         <li class="list-inline-item">
                             <a href="https://t.me/s/pandas_dev">
-                                <i class="follow-us-button fab fa-telegram"></i>
+                                <i class="follow-us-button fab bi bi-telegram"></i>
                             </a>
                         </li>
                         <li class="list-inline-item">
                             <a href="https://fosstodon.org/@pandas_dev" rel="me">
-                                <i class="follow-us-button fab fa-mastodon"></i>
+                                <i class="follow-us-button fab bi bi-mastodon"></i>
                             </a>
                         </li>
                         <li class="list-inline-item">
                             <a href="https://twitter.com/pandas_dev/">
-                                <i class="follow-us-button fab fa-twitter"></i>
+                                <i class="follow-us-button fab bi bi-twitter"></i>
                             </a>
                         </li>
                     </ul>
