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

package/docs/components/Toolbar/examples/Toolbar.md

@@ -290,7 +290,19 @@ Several components in the following examples do not include functional and/or ac
             aria-controls="toolbar-toggle-group-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>
@@ -308,7 +320,19 @@ Several components in the following examples do not include functional and/or ac
                 id="toolbar-toggle-group-example-search-filter-menu"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <i class="fas fa-filter" aria-hidden="true"></i>
+                  <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>
                 </span>
                 <span class="pf-v6-c-menu-toggle__text">Name</span>
                 <span class="pf-v6-c-menu-toggle__controls">
@@ -398,7 +422,19 @@ Several components in the following examples do not include functional and/or ac
             aria-controls="toolbar-toggle-group-collapsed-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>
@@ -422,7 +458,19 @@ Several components in the following examples do not include functional and/or ac
               id="toolbar-toggle-group-collapsed-example-search-filter-menu"
             >
               <span class="pf-v6-c-menu-toggle__icon">
-                <i class="fas fa-filter" aria-hidden="true"></i>
+                <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>
               </span>
               <span class="pf-v6-c-menu-toggle__text">Name</span>
               <span class="pf-v6-c-menu-toggle__controls">
@@ -571,7 +619,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
             aria-controls="toolbar-selected-filters-toggle-group-collapsed-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>
@@ -589,7 +649,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
                 id="toolbar-selected-filters-toggle-group-collapsed-example-search-filter-menu"
               >
                 <span class="pf-v6-c-menu-toggle__icon">
-                  <i class="fas fa-filter" aria-hidden="true"></i>
+                  <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>
                 </span>
                 <span class="pf-v6-c-menu-toggle__text">Name</span>
                 <span class="pf-v6-c-menu-toggle__controls">
@@ -940,7 +1012,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
             aria-controls="toolbar-selected-filters-toggle-group-expanded-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>
@@ -1009,7 +1093,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
               id="toolbar-selected-filters-toggle-group-expanded-example-search-filter-menu"
             >
               <span class="pf-v6-c-menu-toggle__icon">
-                <i class="fas fa-filter" aria-hidden="true"></i>
+                <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>
               </span>
               <span class="pf-v6-c-menu-toggle__text">Name</span>
               <span class="pf-v6-c-menu-toggle__controls">
@@ -1294,7 +1390,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
             aria-controls="toolbar-selected-filters-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>
@@ -1613,7 +1721,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
             aria-controls="toolbar-stacked-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>
@@ -1952,7 +2072,19 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
             aria-controls="toolbar-stacked-collapsed-example-expandable-content"
           >
             <span class="pf-v6-c-menu-toggle__icon">
-              <i class="fas fa-filter" aria-hidden="true"></i>
+              <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>
             </span>
           </button>
         </div>

package/docs/demos/AboutModal/examples/AboutModal.md

@@ -150,7 +150,19 @@ This demo implements the about modal, including the backdrop.
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-th" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -162,7 +174,19 @@ This demo implements the about modal, including the backdrop.
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-cog" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -174,7 +198,19 @@ This demo implements the about modal, including the backdrop.
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-question-circle" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -187,7 +223,19 @@ This demo implements the about modal, including the backdrop.
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                    <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>
                   </span>
                 </button>
               </div>

package/docs/demos/Alert/examples/Alert.md

@@ -148,7 +148,19 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-th" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -160,7 +172,19 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-cog" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -172,7 +196,19 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-question-circle" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -185,7 +221,19 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                    <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>
                   </span>
                 </button>
               </div>
@@ -532,7 +580,19 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-th" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -544,7 +604,19 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-cog" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -556,7 +628,19 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-question-circle" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -569,7 +653,19 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                    <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>
                   </span>
                 </button>
               </div>
@@ -1009,7 +1105,19 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-th" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -1021,7 +1129,19 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-cog" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -1033,7 +1153,19 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-question-circle" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -1046,7 +1178,19 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                    <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>
                   </span>
                 </button>
               </div>

package/docs/demos/BackToTop/examples/BackToTop.md

@@ -149,7 +149,19 @@ cssPrefix: pf-d-back-to-top
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-th" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -161,7 +173,19 @@ cssPrefix: pf-d-back-to-top
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-cog" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -173,7 +197,19 @@ cssPrefix: pf-d-back-to-top
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <i class="fas fa-question-circle" aria-hidden="true"></i>
+                      <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>
                     </span>
                   </button>
                 </div>
@@ -186,7 +222,19 @@ cssPrefix: pf-d-back-to-top
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                    <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>
                   </span>
                 </button>
               </div>