Update bootstrap and icons (#1144)

assets/docs.css

@@ -11,10 +11,6 @@
   font-size: 1.1em;
 }
 
-.header .btn {
-  margin: 0 4px;
-}
-
 .header pre {
   background-color: rgba(32, 32, 32, 0.3);
   padding: 8px;

index.html

@@ -34,18 +34,14 @@
 
     <!-- Bootstrap -->
     <link
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
       rel="stylesheet"
-      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
       crossorigin="anonymous"
     />
-    <!-- Font Awesome -->
+    <!-- Bootstrap Icons -->
     <link
       rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
-      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
     />
     <!-- Docs -->
     <link href="./assets/docs.css" rel="stylesheet" />
@@ -64,13 +60,13 @@ <h1>Free Country Flags in SVG</h1>
         </p>
         <pre class="install">yarn add flag-icons</pre>
         <p>For more instructions check out on GitHub.</p>
-        <a class="btn btn-light" href="https://github.com/lipis/flag-icons"
-          ><i class="fab fa-github"></i> View on GitHub</a
+        <a class="btn btn-light me-2" href="https://github.com/lipis/flag-icons"
+          ><i class="bi bi-github"></i> View on GitHub</a
         >
         <a
           class="btn btn-light"
           href="https://github.com/lipis/flag-icons/archive/main.zip"
-          ><i class="fas fa-download"></i> Download Flags</a
+          ><i class="bi bi-cloud-arrow-down-fill"></i> Download Flags</a
         >
       </div>
     </div>