@patternfly/patternfly 6.0.0-alpha.98 → 6.0.0-alpha.99

package/docs/demos/Banner/examples/Banner.md

@@ -1,7 +1,7 @@
 ---
 id: 'Banner'
 section: components
-cssPrefix: pf-v5-c-banner
+cssPrefix: pf-v6-c-banner
 wrapperTag: div
 ---## Examples
 
@@ -150,19 +150,7 @@ wrapperTag: div
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -174,19 +162,7 @@ wrapperTag: div
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -198,19 +174,7 @@ wrapperTag: div
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -223,19 +187,7 @@ wrapperTag: div
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -674,19 +626,7 @@ wrapperTag: div
                         aria-label="Application launcher"
                       >
                         <span class="pf-v6-c-menu-toggle__icon">
-                          <svg
-                            class="pf-v5-svg"
-                            viewBox="0 0 192 512"
-                            fill="currentColor"
-                            aria-hidden="true"
-                            role="img"
-                            width="1em"
-                            height="1em"
-                          >
-                            <path
-                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                            />
-                          </svg>
+                          <i class="fas fa-th" aria-hidden="true"></i>
                         </span>
                       </button>
                     </div>
@@ -698,19 +638,7 @@ wrapperTag: div
                         aria-label="Settings"
                       >
                         <span class="pf-v6-c-menu-toggle__icon">
-                          <svg
-                            class="pf-v5-svg"
-                            viewBox="0 0 192 512"
-                            fill="currentColor"
-                            aria-hidden="true"
-                            role="img"
-                            width="1em"
-                            height="1em"
-                          >
-                            <path
-                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                            />
-                          </svg>
+                          <i class="fas fa-cog" aria-hidden="true"></i>
                         </span>
                       </button>
                     </div>
@@ -722,19 +650,7 @@ wrapperTag: div
                         aria-label="Help"
                       >
                         <span class="pf-v6-c-menu-toggle__icon">
-                          <svg
-                            class="pf-v5-svg"
-                            viewBox="0 0 192 512"
-                            fill="currentColor"
-                            aria-hidden="true"
-                            role="img"
-                            width="1em"
-                            height="1em"
-                          >
-                            <path
-                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                            />
-                          </svg>
+                          <i class="fas fa-question-circle" aria-hidden="true"></i>
                         </span>
                       </button>
                     </div>
@@ -747,19 +663,7 @@ wrapperTag: div
                       aria-label="Actions"
                     >
                       <span class="pf-v6-c-menu-toggle__icon">
-                        <svg
-                          class="pf-v5-svg"
-                          viewBox="0 0 192 512"
-                          fill="currentColor"
-                          aria-hidden="true"
-                          role="img"
-                          width="1em"
-                          height="1em"
-                        >
-                          <path
-                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                          />
-                        </svg>
+                        <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                       </span>
                     </button>
                   </div>

package/docs/demos/Card/examples/Card.md

@@ -1449,9 +1449,10 @@ wrapperTag: div
                     >
                       <thead class="pf-v6-c-table__thead">
                         <tr class="pf-v6-c-table__tr">
-                          <td class="pf-v6-c-table__td" role="cell"></td>
+                          <td class="pf-v6-c-table__td"></td>
 
                           <th class="pf-v6-c-table__th" scope="col">Components</th>
+
                           <th
                             class="pf-v6-c-table__th pf-m-fit-content"
                             scope="col"
@@ -1460,18 +1461,16 @@ wrapperTag: div
                       </thead>
 
                       <tbody class="pf-v6-c-table__tbody pf-m-expanded">
-                        <tr class="pf-v6-c-table__tr">
+                        <tr class="pf-v6-c-table__tr pf-m-expanded">
                           <td
                             class="pf-v6-c-table__td pf-v6-c-table__toggle"
                             role="cell"
                           >
                             <button
-                              class="pf-v6-c-button pf-m-plain pf-m-expanded"
-                              aria-labelledby="status-card-expanded-with-popover-example-popover-table-node1 expandable-toggle1"
-                              id="expandable-toggle1"
-                              aria-label="Details"
-                              aria-controls="status-card-expanded-with-popover-example-popover-table-content1"
+                              class="pf-v6-c-button pf-m-expanded pf-m-plain"
+                              type="button"
                               aria-expanded="true"
+                              aria-label="Toggle row"
                             >
                               <div class="pf-v6-c-table__toggle-icon">
                                 <i class="fas fa-angle-down" aria-hidden="true"></i>
@@ -1542,10 +1541,8 @@ wrapperTag: div
                           >
                             <button
                               class="pf-v6-c-button pf-m-plain"
-                              aria-labelledby="status-card-expanded-with-popover-example-popover-table-node1 expandable-toggle2"
-                              id="expandable-toggle2"
-                              aria-label="Details"
-                              aria-controls="status-card-expanded-with-popover-example-popover-table-content2"
+                              type="button"
+                              aria-label="Toggle row"
                             >
                               <div class="pf-v6-c-table__toggle-icon">
                                 <i class="fas fa-angle-down" aria-hidden="true"></i>
@@ -1602,10 +1599,8 @@ wrapperTag: div
                           >
                             <button
                               class="pf-v6-c-button pf-m-plain"
-                              aria-labelledby="status-card-expanded-with-popover-example-popover-table-node1 expandable-toggle3"
-                              id="expandable-toggle3"
-                              aria-label="Details"
-                              aria-controls="status-card-expanded-with-popover-example-popover-table-content3"
+                              type="button"
+                              aria-label="Toggle row"
                             >
                               <div class="pf-v6-c-table__toggle-icon">
                                 <i class="fas fa-angle-down" aria-hidden="true"></i>
@@ -1660,10 +1655,8 @@ wrapperTag: div
                           >
                             <button
                               class="pf-v6-c-button pf-m-plain"
-                              aria-labelledby="status-card-expanded-with-popover-example-popover-table-node1 expandable-toggle4"
-                              id="expandable-toggle4"
-                              aria-label="Details"
-                              aria-controls="status-card-expanded-with-popover-example-popover-table-content4"
+                              type="button"
+                              aria-label="Toggle row"
                             >
                               <div class="pf-v6-c-table__toggle-icon">
                                 <i class="fas fa-angle-down" aria-hidden="true"></i>

package/docs/demos/CardView/examples/CardView.md

@@ -148,19 +148,7 @@ section: patterns
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -172,19 +160,7 @@ section: patterns
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -196,19 +172,7 @@ section: patterns
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -221,19 +185,7 @@ section: patterns
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -422,19 +374,7 @@ section: patterns
                   aria-controls="card-view-basic-example-toolbar-expandable-content"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-filter" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>

package/docs/demos/ContextSelector/examples/ContextSelector.md

@@ -394,19 +394,7 @@ deprecated: true
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -418,19 +406,7 @@ deprecated: true
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -442,19 +418,7 @@ deprecated: true
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -467,19 +431,7 @@ deprecated: true
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -900,19 +852,7 @@ deprecated: true
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -924,19 +864,7 @@ deprecated: true
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -948,19 +876,7 @@ deprecated: true
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -973,19 +889,7 @@ deprecated: true
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1408,19 +1312,7 @@ deprecated: true
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1432,19 +1324,7 @@ deprecated: true
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1456,19 +1336,7 @@ deprecated: true
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1481,19 +1349,7 @@ deprecated: true
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>