Bump fontawesome to 6

src/index.html

@@ -52,7 +52,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-bag"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -67,7 +67,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-stats-bars"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -82,7 +82,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-person-add"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -97,7 +97,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-pie-graph"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -111,7 +111,7 @@
                 <div class="card">
                   <div class="card-header">
                     <h3 class="card-title">
-                      <i class="fas fa-chart-pie me-1"></i>
+                      <i class="fa-solid fa-chart-pie me-1"></i>
                       Sales
                     </h3>
                     <div class="card-tools">
@@ -148,13 +148,13 @@
                     <div class="card-tools">
                       <span title="3 New Messages" class="badge bg-primary">3</span>
                       <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                        <i class="fas fa-minus"></i>
+                        <i class="fa-solid fa-minus"></i>
                       </button>
                       <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
-                        <i class="fas fa-comments"></i>
+                        <i class="fa-solid fa-comments"></i>
                       </button>
                       <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                        <i class="fas fa-times"></i>
+                        <i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                   </div>

src/index2.html

@@ -42,7 +42,7 @@
             <div class="row">
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
+                  <span class="info-box-icon bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">CPU Traffic</span>
@@ -58,7 +58,7 @@
               <!-- /.col -->
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-danger shadow-sm"><i class="fas fa-thumbs-up"></i></span>
+                  <span class="info-box-icon bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Likes</span>
@@ -75,7 +75,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-success shadow-sm"><i class="fas fa-shopping-cart"></i></span>
+                  <span class="info-box-icon bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Sales</span>
@@ -88,7 +88,7 @@
               <!-- /.col -->
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-warning shadow-sm"><i class="fas fa-users"></i></span>
+                  <span class="info-box-icon bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">New Members</span>
@@ -110,11 +110,11 @@
 
                     <div class="card-tools">
                       <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                        <i class="fas fa-minus"></i>
+                        <i class="fa-solid fa-minus"></i>
                       </button>
                       <div class="btn-group">
                         <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown">
-                          <i class="fas fa-wrench"></i>
+                          <i class="fa-solid fa-wrench"></i>
                         </button>
                         <div class="dropdown-menu dropdown-menu-end" role="menu">
                           <a href="#" class="dropdown-item">Action</a>
@@ -125,7 +125,7 @@
                         </div>
                       </div>
                       <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                        <i class="fas fa-times"></i>
+                        <i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                   </div>
@@ -194,7 +194,7 @@
                     <div class="row">
                       <div class="col-sm-3 col-6">
                         <div class="description-block border-end">
-                          <span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 17%</span>
+                          <span class="description-percentage text-success"><i class="fa-solid fa-caret-up"></i> 17%</span>
                           <h5 class="description-header">$35,210.43</h5>
                           <span class="description-text">TOTAL REVENUE</span>
                         </div>
@@ -203,7 +203,7 @@
                       <!-- /.col -->
                       <div class="col-sm-3 col-6">
                         <div class="description-block border-end">
-                          <span class="description-percentage text-purple"><i class="fas fa-caret-left"></i> 0%</span>
+                          <span class="description-percentage text-purple"><i class="fa-solid fa-caret-left"></i> 0%</span>
                           <h5 class="description-header">$10,390.90</h5>
                           <span class="description-text">TOTAL COST</span>
                         </div>
@@ -212,7 +212,7 @@
                       <!-- /.col -->
                       <div class="col-sm-3 col-6">
                         <div class="description-block border-end">
-                          <span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 20%</span>
+                          <span class="description-percentage text-success"><i class="fa-solid fa-caret-up"></i> 20%</span>
                           <h5 class="description-header">$24,813.53</h5>
                           <span class="description-text">TOTAL PROFIT</span>
                         </div>
@@ -221,7 +221,7 @@
                       <!-- /.col -->
                       <div class="col-sm-3 col-6">
                         <div class="description-block">
-                          <span class="description-percentage text-danger"><i class="fas fa-caret-down"></i> 18%</span>
+                          <span class="description-percentage text-danger"><i class="fa-solid fa-caret-down"></i> 18%</span>
                           <h5 class="description-header">1200</h5>
                           <span class="description-text">GOAL COMPLETIONS</span>
                         </div>
@@ -252,13 +252,13 @@
                         <div class="card-tools">
                           <span title="3 New Messages" class="badge bg-warning">3</span>
                           <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                            <i class="fas fa-minus"></i>
+                            <i class="fa-solid fa-minus"></i>
                           </button>
                           <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
-                            <i class="fas fa-comments"></i>
+                            <i class="fa-solid fa-comments"></i>
                           </button>
                           <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                            <i class="fas fa-times"></i>
+                            <i class="fa-solid fa-times"></i>
                           </button>
                         </div>
                       </div>
@@ -457,10 +457,10 @@
                         <div class="card-tools">
                           <span class="badge bg-danger">8 New Members</span>
                           <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                            <i class="fas fa-minus"></i>
+                            <i class="fa-solid fa-minus"></i>
                           </button>
                           <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                            <i class="fas fa-times"></i>
+                            <i class="fa-solid fa-times"></i>
                           </button>
                         </div>
                       </div>
@@ -529,10 +529,10 @@
 
                     <div class="card-tools">
                       <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                        <i class="fas fa-minus"></i>
+                        <i class="fa-solid fa-minus"></i>
                       </button>
                       <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                        <i class="fas fa-times"></i>
+                        <i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                   </div>
@@ -624,7 +624,7 @@
               <div class="col-md-4">
                 <!-- Info Boxes Style 2 -->
                 <div class="info-box mb-3 bg-warning">
-                  <span class="info-box-icon"><i class="fas fa-tag"></i></span>
+                  <span class="info-box-icon"><i class="fa-solid fa-tag"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Inventory</span>
@@ -634,7 +634,7 @@
                 </div>
                 <!-- /.info-box -->
                 <div class="info-box mb-3 bg-success">
-                  <span class="info-box-icon"><i class="far fa-heart"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-heart"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Mentions</span>
@@ -644,7 +644,7 @@
                 </div>
                 <!-- /.info-box -->
                 <div class="info-box mb-3 bg-danger">
-                  <span class="info-box-icon"><i class="fas fa-cloud-download-alt"></i></span>
+                  <span class="info-box-icon"><i class="fa-solid fa-cloud-download-alt"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Downloads</span>
@@ -654,7 +654,7 @@
                 </div>
                 <!-- /.info-box -->
                 <div class="info-box mb-3 bg-purple">
-                  <span class="info-box-icon"><i class="far fa-comment"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-comment"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Direct Messages</span>
@@ -670,10 +670,10 @@
 
                     <div class="card-tools">
                       <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                        <i class="fas fa-minus"></i>
+                        <i class="fa-solid fa-minus"></i>
                       </button>
                       <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                        <i class="fas fa-times"></i>
+                        <i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                   </div>
@@ -689,12 +689,12 @@
                       <!-- /.col -->
                       <div class="col-md-4">
                         <ul class="chart-legend clearfix">
-                          <li><i class="far fa-circle text-danger"></i> Chrome</li>
-                          <li><i class="far fa-circle text-success"></i> IE</li>
-                          <li><i class="far fa-circle text-warning"></i> FireFox</li>
-                          <li><i class="far fa-circle text-info"></i> Safari</li>
-                          <li><i class="far fa-circle text-primary"></i> Opera</li>
-                          <li><i class="far fa-circle text-secondary"></i> Navigator</li>
+                          <li><i class="fa-regular fa-circle text-danger"></i> Chrome</li>
+                          <li><i class="fa-regular fa-circle text-success"></i> IE</li>
+                          <li><i class="fa-regular fa-circle text-warning"></i> FireFox</li>
+                          <li><i class="fa-regular fa-circle text-info"></i> Safari</li>
+                          <li><i class="fa-regular fa-circle text-primary"></i> Opera</li>
+                          <li><i class="fa-regular fa-circle text-secondary"></i> Navigator</li>
                         </ul>
                       </div>
                       <!-- /.col -->
@@ -708,7 +708,7 @@
                         <a href="#" class="nav-link">
                           United States of America
                           <span class="float-end text-danger">
-                            <i class="fas fa-arrow-down fs-7"></i>
+                            <i class="fa-solid fa-arrow-down fs-7"></i>
                             12%</span>
                         </a>
                       </li>
@@ -716,7 +716,7 @@
                         <a href="#" class="nav-link">
                           India
                           <span class="float-end text-success">
-                            <i class="fas fa-arrow-up fs-7"></i> 4%
+                            <i class="fa-solid fa-arrow-up fs-7"></i> 4%
                           </span>
                         </a>
                       </li>
@@ -724,7 +724,7 @@
                         <a href="#" class="nav-link">
                           China
                           <span class="float-end text-purple">
-                            <i class="fas fa-arrow-left fs-7"></i> 0%
+                            <i class="fa-solid fa-arrow-left fs-7"></i> 0%
                           </span>
                         </a>
                       </li>
@@ -741,10 +741,10 @@
 
                     <div class="card-tools">
                       <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                        <i class="fas fa-minus"></i>
+                        <i class="fa-solid fa-minus"></i>
                       </button>
                       <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                        <i class="fas fa-times"></i>
+                        <i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                   </div>

src/index3.html

@@ -56,7 +56,7 @@
                       </p>
                       <p class="ms-auto d-flex flex-column text-end">
                         <span class="text-success">
-                          <i class="fas fa-arrow-up"></i> 12.5%
+                          <i class="fa-solid fa-arrow-up"></i> 12.5%
                         </span>
                         <span class="text-muted">Since last week</span>
                       </p>
@@ -69,11 +69,11 @@
 
                     <div class="d-flex flex-row justify-content-end">
                       <span class="me-2">
-                        <i class="fas fa-square text-primary"></i> This Week
+                        <i class="fa-solid fa-square text-primary"></i> This Week
                       </span>
 
                       <span>
-                        <i class="fas fa-square text-gray"></i> Last Week
+                        <i class="fa-solid fa-square text-gray"></i> Last Week
                       </span>
                     </div>
                   </div>
@@ -85,10 +85,10 @@
                     <h3 class="card-title">Products</h3>
                     <div class="card-tools">
                       <a href="#" class="btn btn-tool btn-sm">
-                        <i class="fas fa-download"></i>
+                        <i class="fa-solid fa-download"></i>
                       </a>
                       <a href="#" class="btn btn-tool btn-sm">
-                        <i class="fas fa-bars"></i>
+                        <i class="fa-solid fa-bars"></i>
                       </a>
                     </div>
                   </div>
@@ -111,14 +111,14 @@
                         <td>$13 USD</td>
                         <td>
                           <small class="text-success me-1">
-                            <i class="fas fa-arrow-up"></i>
+                            <i class="fa-solid fa-arrow-up"></i>
                             12%
                           </small>
                           12,000 Sold
                         </td>
                         <td>
                           <a href="#" class="text-muted">
-                            <i class="fas fa-search"></i>
+                            <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
                       </tr>
@@ -130,14 +130,14 @@
                         <td>$29 USD</td>
                         <td>
                           <small class="text-warning me-1">
-                            <i class="fas fa-arrow-down"></i>
+                            <i class="fa-solid fa-arrow-down"></i>
                             0.5%
                           </small>
                           123,234 Sold
                         </td>
                         <td>
                           <a href="#" class="text-muted">
-                            <i class="fas fa-search"></i>
+                            <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
                       </tr>
@@ -149,14 +149,14 @@
                         <td>$1,230 USD</td>
                         <td>
                           <small class="text-danger me-1">
-                            <i class="fas fa-arrow-down"></i>
+                            <i class="fa-solid fa-arrow-down"></i>
                             3%
                           </small>
                           198 Sold
                         </td>
                         <td>
                           <a href="#" class="text-muted">
-                            <i class="fas fa-search"></i>
+                            <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
                       </tr>
@@ -169,14 +169,14 @@
                         <td>$199 USD</td>
                         <td>
                           <small class="text-success me-1">
-                            <i class="fas fa-arrow-up"></i>
+                            <i class="fa-solid fa-arrow-up"></i>
                             63%
                           </small>
                           87 Sold
                         </td>
                         <td>
                           <a href="#" class="text-muted">
-                            <i class="fas fa-search"></i>
+                            <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
                       </tr>
@@ -203,7 +203,7 @@
                       </p>
                       <p class="ms-auto d-flex flex-column text-end">
                         <span class="text-success">
-                          <i class="fas fa-arrow-up"></i> 33.1%
+                          <i class="fa-solid fa-arrow-up"></i> 33.1%
                         </span>
                         <span class="text-muted">Since last month</span>
                       </p>
@@ -216,11 +216,11 @@
 
                     <div class="d-flex flex-row justify-content-end">
                       <span class="me-2">
-                        <i class="fas fa-square text-primary"></i> This year
+                        <i class="fa-solid fa-square text-primary"></i> This year
                       </span>
 
                       <span>
-                        <i class="fas fa-square text-gray"></i> Last year
+                        <i class="fa-solid fa-square text-gray"></i> Last year
                       </span>
                     </div>
                   </div>
@@ -232,10 +232,10 @@
                     <h3 class="card-title">Online Store Overview</h3>
                     <div class="card-tools">
                       <a href="#" class="btn btn-sm btn-tool">
-                        <i class="fas fa-download"></i>
+                        <i class="fa-solid fa-download"></i>
                       </a>
                       <a href="#" class="btn btn-sm btn-tool">
-                        <i class="fas fa-bars"></i>
+                        <i class="fa-solid fa-bars"></i>
                       </a>
                     </div>
                   </div>

src/pages/examples/login.html

@@ -23,13 +23,13 @@
             <div class="input-group mb-3">
               <input type="email" class="form-control" placeholder="Email">
               <div class="input-group-text">
-                <span class="fas fa-envelope"></span>
+                <span class="fa-solid fa-envelope"></span>
               </div>
             </div>
             <div class="input-group mb-3">
               <input type="password" class="form-control" placeholder="Password">
               <div class="input-group-text">
-                <span class="fas fa-lock"></span>
+                <span class="fa-solid fa-lock"></span>
               </div>
             </div>
             <div class="row">
@@ -54,10 +54,10 @@
           <div class="social-auth-links text-center mb-3 d-grid gap-2">
             <p>- OR -</p>
             <a href="#" class="btn btn-primary">
-              <i class="fab fa-facebook me-2"></i> Sign in using Facebook
+              <i class="fa-brands fa-facebook me-2"></i> Sign in using Facebook
             </a>
             <a href="#" class="btn btn-danger">
-              <i class="fab fa-google-plus me-2"></i> Sign in using Google+
+              <i class="fa-brands fa-google-plus me-2"></i> Sign in using Google+
             </a>
           </div>
           <!-- /.social-auth-links -->

src/pages/layout/fixed-sidebar.html

@@ -48,10 +48,10 @@
 
                     <div class="card-tools">
                       <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
-                        <i class="fas fa-minus"></i>
+                        <i class="fa-solid fa-minus"></i>
                       </button>
                       <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
-                        <i class="fas fa-times"></i>
+                        <i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                   </div>

src/pages/widgets/cards.html

@@ -48,7 +48,7 @@
                     <h3 class="card-title">Expandable</h3>
 
                     <div class="card-tools">
-                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fas fa-plus"></i>
+                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
                       </button>
                     </div>
                     <!-- /.card-tools -->
@@ -68,7 +68,7 @@
                     <h3 class="card-title">Collapsable</h3>
 
                     <div class="card-tools">
-                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fas fa-minus"></i>
+                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
                       </button>
                     </div>
                     <!-- /.card-tools -->
@@ -88,7 +88,7 @@
                     <h3 class="card-title">Removable</h3>
 
                     <div class="card-tools">
-                      <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fas fa-times"></i>
+                      <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
                       </button>
                     </div>
                     <!-- /.card-tools -->
@@ -108,7 +108,7 @@
                     <h3 class="card-title">Maximizable</h3>
 
                     <div class="card-tools">
-                      <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fas fa-expand"></i>
+                      <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
                       </button>
                     </div>
                     <!-- /.card-tools -->

src/pages/widgets/info-box.html

@@ -44,7 +44,7 @@
             <div class="row">
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
+                  <span class="info-box-icon bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">CPU Traffic</span>
@@ -61,7 +61,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-success shadow-sm"><i class="fas fa-shopping-cart"></i></span>
+                  <span class="info-box-icon bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Sales</span>
@@ -78,7 +78,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-warning shadow-sm"><i class="fas fa-users"></i></span>
+                  <span class="info-box-icon bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">New Members</span>
@@ -92,7 +92,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box">
-                  <span class="info-box-icon bg-danger shadow-sm"><i class="fas fa-thumbs-up"></i></span>
+                  <span class="info-box-icon bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Likes</span>
@@ -111,7 +111,7 @@
             <div class="row">
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box shadow-none">
-                  <span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
+                  <span class="info-box-icon bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">CPU Traffic</span>
@@ -128,7 +128,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box shadow-sm">
-                  <span class="info-box-icon bg-success shadow-sm"><i class="fas fa-shopping-cart"></i></span>
+                  <span class="info-box-icon bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Sales</span>
@@ -145,7 +145,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box shadow">
-                  <span class="info-box-icon bg-warning shadow-sm"><i class="fas fa-users"></i></span>
+                  <span class="info-box-icon bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">New Members</span>
@@ -159,7 +159,7 @@
 
               <div class="col-12 col-sm-6 col-md-3">
                 <div class="info-box shadow-lg">
-                  <span class="info-box-icon bg-danger shadow-sm"><i class="fas fa-thumbs-up"></i></span>
+                  <span class="info-box-icon bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Likes</span>
@@ -178,7 +178,7 @@
             <div class="row">
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-primary">
-                  <span class="info-box-icon"><i class="far fa-bookmark"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Bookmarks</span>
@@ -198,7 +198,7 @@
               <!-- /.col -->
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-success">
-                  <span class="info-box-icon"><i class="far fa-thumbs-up"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Likes</span>
@@ -218,7 +218,7 @@
               <!-- /.col -->
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-warning">
-                  <span class="info-box-icon"><i class="far fa-calendar-alt"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Events</span>
@@ -238,7 +238,7 @@
               <!-- /.col -->
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-danger">
-                  <span class="info-box-icon"><i class="fas fa-comments"></i></span>
+                  <span class="info-box-icon"><i class="fa-solid fa-comments"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Comments</span>
@@ -264,7 +264,7 @@
             <div class="row">
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-primary bg-gradient">
-                  <span class="info-box-icon"><i class="far fa-bookmark"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Bookmarks</span>
@@ -284,7 +284,7 @@
               <!-- /.col -->
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-success bg-gradient">
-                  <span class="info-box-icon"><i class="far fa-thumbs-up"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Likes</span>
@@ -304,7 +304,7 @@
               <!-- /.col -->
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-warning bg-gradient">
-                  <span class="info-box-icon"><i class="far fa-calendar-alt"></i></span>
+                  <span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Events</span>
@@ -324,7 +324,7 @@
               <!-- /.col -->
               <div class="col-md-3 col-sm-6 col-12">
                 <div class="info-box bg-danger bg-gradient">
-                  <span class="info-box-icon"><i class="fas fa-comments"></i></span>
+                  <span class="info-box-icon"><i class="fa-solid fa-comments"></i></span>
 
                   <div class="info-box-content">
                     <span class="info-box-text">Comments</span>

src/pages/widgets/small-box.html

@@ -54,7 +54,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-bag"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -69,7 +69,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-stats-bars"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -84,7 +84,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-person-add"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->
@@ -99,7 +99,7 @@
                   <div class="icon">
                     <i class="inner-icon ion ion-pie-graph"></i>
                   </div>
-                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+                  <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
                 </div>
               </div>
               <!-- ./col -->

src/partials/_head.html

@@ -20,7 +20,7 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@1.13.1/css/OverlayScrollbars.min.css" integrity="sha256-WKijf8KI68sbq8Znd6yMepIuFF0wdWfIt6gk3JWcQfk=" crossorigin="anonymous">
 
 <!-- Font Awesome -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css" integrity="sha256-mUZM63G8m73Mcidfrv5E+Y61y7a12O5mW4ezU3bxqW4=" crossorigin="anonymous">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css" integrity="sha256-Z1K5uhUaJXA7Ll0XrZ/0JhX4lAtZFpT6jkKrEDT0drU=" crossorigin="anonymous">
 
 <!-- REQUIRED LINKS -->
 

src/partials/dashboard/_sidenav.html

@@ -5,7 +5,7 @@
       <img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-80 shadow">
       <span class="brand-text fw-light">AdminLTE 4</span>
     </a>
-    <a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fas fa-angle-double-left"></i></a>
+    <a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fa-solid fa-angle-double-left"></i></a>
   </div>
   <!-- Sidebar -->
   <div class="sidebar">
@@ -14,28 +14,28 @@
       <ul class="nav nav-pills nav-sidebar flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
         <li class="nav-item @@if (context.mainPage === 'dashboard') {menu-open}">
           <a href="javascript:;" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>
               Dashboard
-              <i class="end fas fa-angle-right"></i>
+              <i class="end fa-solid fa-angle-right"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
             <li class="nav-item">
               <a href="@@path/index.html" class="nav-link @@if (context.page === 'index') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Dashboard v1</p>
               </a>
             </li>
             <li class="nav-item">
               <a href="@@path/index2.html" class="nav-link @@if (context.page === 'index2') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Dashboard v2</p>
               </a>
             </li>
             <li class="nav-item">
               <a href="@@path/index3.html" class="nav-link @@if (context.page === 'index3') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Dashboard v3</p>
               </a>
             </li>
@@ -43,28 +43,28 @@
         </li>
         <li class="nav-item @@if (context.mainPage === 'widgets') {menu-open}">
           <a href="javascript:;" class="nav-link @@if (context.mainPage === 'widgets') {active}">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>
               Widgets
-              <i class="end fas fa-angle-right"></i>
+              <i class="end fa-solid fa-angle-right"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
             <li class="nav-item">
               <a href="@@path/pages/widgets/small-box.html" class="nav-link @@if (context.page === 'small-box') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Small Box</p>
               </a>
             </li>
             <li class="nav-item">
               <a href="@@path/pages/widgets/info-box.html" class="nav-link @@if (context.page === 'info-box') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>info Box</p>
               </a>
             </li>
             <li class="nav-item">
               <a href="@@path/pages/widgets/cards.html" class="nav-link @@if (context.page === 'cards') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Cards</p>
               </a>
             </li>
@@ -73,17 +73,17 @@
 
         <li class="nav-item @@if (context.mainPage === 'layout') {menu-open}">
           <a href="javascript:;" class="nav-link @@if (context.mainPage === 'layout') {active}">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>
               Layout Options
               <span class="badge bg-info float-end me-3">6</span>
-              <i class="end fas fa-angle-right"></i>
+              <i class="end fa-solid fa-angle-right"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
             <li class="nav-item">
               <a href="@@path/pages/layout/fixed-sidebar.html" class="nav-link @@if (context.page === 'fixed-sidebar') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Fixed Sidebar</p>
               </a>
             </li>
@@ -91,16 +91,16 @@
         </li>
         <li class="nav-item @@if (context.mainPage === 'forms') {menu-open}">
           <a href="javascript:;" class="nav-link @@if (context.mainPage === 'forms') {active}">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>
               Forms
-              <i class="end fas fa-angle-right"></i>
+              <i class="end fa-solid fa-angle-right"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
             <li class="nav-item">
               <a href="@@path/pages/forms/general.html" class="nav-link @@if (context.page === 'general') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>General Elements</p>
               </a>
             </li>
@@ -108,16 +108,16 @@
         </li>
         <li class="nav-item @@if (context.mainPage === 'tables') {menu-open}">
           <a href="javascript:;" class="nav-link @@if (context.mainPage === 'tables') {active}">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>
               Tables
-              <i class="end fas fa-angle-right"></i>
+              <i class="end fa-solid fa-angle-right"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
             <li class="nav-item">
               <a href="@@path/pages/tables/simple.html" class="nav-link @@if (context.page === 'simple') {active}">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Simple Tables</p>
               </a>
             </li>
@@ -126,49 +126,49 @@
         <li class="nav-header">MULTI LEVEL EXAMPLE</li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>Level 1</p>
           </a>
         </li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>
               Level 1
-              <i class="end fas fa-angle-right"></i>
+              <i class="end fa-solid fa-angle-right"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
             <li class="nav-item">
               <a href="javascript:;" class="nav-link">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Level 2</p>
               </a>
             </li>
             <li class="nav-item">
               <a href="javascript:;" class="nav-link">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>
                   Level 2
-                  <i class="end fas fa-angle-right"></i>
+                  <i class="end fa-solid fa-angle-right"></i>
                 </p>
               </a>
               <ul class="nav nav-treeview">
                 <li class="nav-item">
                   <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon far fa-dot-circle"></i>
+                    <i class="nav-icon fa-regular fa-dot-circle"></i>
                     <p>Level 3</p>
                   </a>
                 </li>
                 <li class="nav-item">
                   <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon far fa-dot-circle"></i>
+                    <i class="nav-icon fa-regular fa-dot-circle"></i>
                     <p>Level 3</p>
                   </a>
                 </li>
                 <li class="nav-item">
                   <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon far fa-dot-circle"></i>
+                    <i class="nav-icon fa-regular fa-dot-circle"></i>
                     <p>Level 3</p>
                   </a>
                 </li>
@@ -176,7 +176,7 @@
             </li>
             <li class="nav-item">
               <a href="javascript:;" class="nav-link">
-                <i class="nav-icon far fa-circle"></i>
+                <i class="nav-icon fa-regular fa-circle"></i>
                 <p>Level 2</p>
               </a>
             </li>
@@ -184,26 +184,26 @@
         </li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fas fa-circle"></i>
+            <i class="nav-icon fa-solid fa-circle"></i>
             <p>Level 1</p>
           </a>
         </li>
         <li class="nav-header">LABELS</li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon far fa-circle text-danger"></i>
+            <i class="nav-icon fa-regular fa-circle text-danger"></i>
             <p class="text">Important</p>
           </a>
         </li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon far fa-circle text-warning"></i>
+            <i class="nav-icon fa-regular fa-circle text-warning"></i>
             <p>Warning</p>
           </a>
         </li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon far fa-circle text-info"></i>
+            <i class="nav-icon fa-regular fa-circle text-info"></i>
             <p>Informational</p>
           </a>
         </li>