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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/components/MenuToggle/menu-toggle.css +20 -6
  2. package/components/MenuToggle/menu-toggle.scss +32 -6
  3. package/docs/components/LogViewer/examples/LogViewer.md +130 -10
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +162 -6
  5. package/docs/components/Toolbar/examples/Toolbar.md +143 -11
  6. package/docs/demos/AboutModal/examples/AboutModal.md +52 -4
  7. package/docs/demos/Alert/examples/Alert.md +156 -12
  8. package/docs/demos/BackToTop/examples/BackToTop.md +52 -4
  9. package/docs/demos/Banner/examples/Banner.md +104 -8
  10. package/docs/demos/CardView/examples/CardView.md +65 -5
  11. package/docs/demos/ContextSelector/examples/ContextSelector.md +156 -12
  12. package/docs/demos/Dashboard/examples/Dashboard.md +52 -4
  13. package/docs/demos/DataList/examples/DataList.md +273 -21
  14. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -12
  15. package/docs/demos/Drawer/examples/Drawer.md +260 -20
  16. package/docs/demos/JumpLinks/examples/JumpLinks.md +312 -24
  17. package/docs/demos/Masthead/examples/Masthead.md +247 -19
  18. package/docs/demos/Modal/examples/Modal.md +312 -24
  19. package/docs/demos/Nav/examples/Nav.md +312 -24
  20. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +260 -20
  21. package/docs/demos/Page/examples/Page.md +468 -36
  22. package/docs/demos/Page/examples/Penta.md +13 -1
  23. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +455 -35
  24. package/docs/demos/Skeleton/examples/Skeleton.md +52 -4
  25. package/docs/demos/Table/examples/Table.md +1094 -86
  26. package/docs/demos/Tabs/examples/Tabs.md +325 -25
  27. package/docs/demos/Toolbar/examples/Toolbar.md +325 -25
  28. package/docs/demos/Wizard/examples/Wizard.md +468 -36
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +20 -6
  31. package/patternfly-theme-dark-unversioned.css +20 -6
  32. package/patternfly.css +20 -6
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
@@ -148,7 +148,19 @@ wrapperTag: div
148
148
  aria-label="Application launcher"
149
149
  >
150
150
  <span class="pf-v6-c-menu-toggle__icon">
151
- <i class="fas fa-th" aria-hidden="true"></i>
151
+ <svg
152
+ class="pf-v5-svg"
153
+ viewBox="0 0 192 512"
154
+ fill="currentColor"
155
+ aria-hidden="true"
156
+ role="img"
157
+ width="1em"
158
+ height="1em"
159
+ >
160
+ <path
161
+ 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"
162
+ />
163
+ </svg>
152
164
  </span>
153
165
  </button>
154
166
  </div>
@@ -160,7 +172,19 @@ wrapperTag: div
160
172
  aria-label="Settings"
161
173
  >
162
174
  <span class="pf-v6-c-menu-toggle__icon">
163
- <i class="fas fa-cog" aria-hidden="true"></i>
175
+ <svg
176
+ class="pf-v5-svg"
177
+ viewBox="0 0 192 512"
178
+ fill="currentColor"
179
+ aria-hidden="true"
180
+ role="img"
181
+ width="1em"
182
+ height="1em"
183
+ >
184
+ <path
185
+ 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"
186
+ />
187
+ </svg>
164
188
  </span>
165
189
  </button>
166
190
  </div>
@@ -172,7 +196,19 @@ wrapperTag: div
172
196
  aria-label="Help"
173
197
  >
174
198
  <span class="pf-v6-c-menu-toggle__icon">
175
- <i class="fas fa-question-circle" aria-hidden="true"></i>
199
+ <svg
200
+ class="pf-v5-svg"
201
+ viewBox="0 0 192 512"
202
+ fill="currentColor"
203
+ aria-hidden="true"
204
+ role="img"
205
+ width="1em"
206
+ height="1em"
207
+ >
208
+ <path
209
+ 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"
210
+ />
211
+ </svg>
176
212
  </span>
177
213
  </button>
178
214
  </div>
@@ -185,7 +221,19 @@ wrapperTag: div
185
221
  aria-label="Actions"
186
222
  >
187
223
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
224
+ <svg
225
+ class="pf-v5-svg"
226
+ viewBox="0 0 192 512"
227
+ fill="currentColor"
228
+ aria-hidden="true"
229
+ role="img"
230
+ width="1em"
231
+ height="1em"
232
+ >
233
+ <path
234
+ 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"
235
+ />
236
+ </svg>
189
237
  </span>
190
238
  </button>
191
239
  </div>
@@ -286,7 +334,19 @@ wrapperTag: div
286
334
  aria-controls="basic-demo-toolbar-expandable-content"
287
335
  >
288
336
  <span class="pf-v6-c-menu-toggle__icon">
289
- <i class="fas fa-filter" aria-hidden="true"></i>
337
+ <svg
338
+ class="pf-v5-svg"
339
+ viewBox="0 0 192 512"
340
+ fill="currentColor"
341
+ aria-hidden="true"
342
+ role="img"
343
+ width="1em"
344
+ height="1em"
345
+ >
346
+ <path
347
+ 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"
348
+ />
349
+ </svg>
290
350
  </span>
291
351
  </button>
292
352
  </div>
@@ -338,7 +398,19 @@ wrapperTag: div
338
398
  id="basic-demo-toolbar-search-filter-menu"
339
399
  >
340
400
  <span class="pf-v6-c-menu-toggle__icon">
341
- <i class="fas fa-filter" aria-hidden="true"></i>
401
+ <svg
402
+ class="pf-v5-svg"
403
+ viewBox="0 0 192 512"
404
+ fill="currentColor"
405
+ aria-hidden="true"
406
+ role="img"
407
+ width="1em"
408
+ height="1em"
409
+ >
410
+ <path
411
+ 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"
412
+ />
413
+ </svg>
342
414
  </span>
343
415
  <span class="pf-v6-c-menu-toggle__text">Name</span>
344
416
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1360,7 +1432,19 @@ wrapperTag: div
1360
1432
  aria-label="Application launcher"
1361
1433
  >
1362
1434
  <span class="pf-v6-c-menu-toggle__icon">
1363
- <i class="fas fa-th" aria-hidden="true"></i>
1435
+ <svg
1436
+ class="pf-v5-svg"
1437
+ viewBox="0 0 192 512"
1438
+ fill="currentColor"
1439
+ aria-hidden="true"
1440
+ role="img"
1441
+ width="1em"
1442
+ height="1em"
1443
+ >
1444
+ <path
1445
+ 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"
1446
+ />
1447
+ </svg>
1364
1448
  </span>
1365
1449
  </button>
1366
1450
  </div>
@@ -1372,7 +1456,19 @@ wrapperTag: div
1372
1456
  aria-label="Settings"
1373
1457
  >
1374
1458
  <span class="pf-v6-c-menu-toggle__icon">
1375
- <i class="fas fa-cog" aria-hidden="true"></i>
1459
+ <svg
1460
+ class="pf-v5-svg"
1461
+ viewBox="0 0 192 512"
1462
+ fill="currentColor"
1463
+ aria-hidden="true"
1464
+ role="img"
1465
+ width="1em"
1466
+ height="1em"
1467
+ >
1468
+ <path
1469
+ 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"
1470
+ />
1471
+ </svg>
1376
1472
  </span>
1377
1473
  </button>
1378
1474
  </div>
@@ -1384,7 +1480,19 @@ wrapperTag: div
1384
1480
  aria-label="Help"
1385
1481
  >
1386
1482
  <span class="pf-v6-c-menu-toggle__icon">
1387
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1483
+ <svg
1484
+ class="pf-v5-svg"
1485
+ viewBox="0 0 192 512"
1486
+ fill="currentColor"
1487
+ aria-hidden="true"
1488
+ role="img"
1489
+ width="1em"
1490
+ height="1em"
1491
+ >
1492
+ <path
1493
+ 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"
1494
+ />
1495
+ </svg>
1388
1496
  </span>
1389
1497
  </button>
1390
1498
  </div>
@@ -1397,7 +1505,19 @@ wrapperTag: div
1397
1505
  aria-label="Actions"
1398
1506
  >
1399
1507
  <span class="pf-v6-c-menu-toggle__icon">
1400
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1508
+ <svg
1509
+ class="pf-v5-svg"
1510
+ viewBox="0 0 192 512"
1511
+ fill="currentColor"
1512
+ aria-hidden="true"
1513
+ role="img"
1514
+ width="1em"
1515
+ height="1em"
1516
+ >
1517
+ <path
1518
+ 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"
1519
+ />
1520
+ </svg>
1401
1521
  </span>
1402
1522
  </button>
1403
1523
  </div>
@@ -1506,7 +1626,19 @@ wrapperTag: div
1506
1626
  aria-controls="sortable-demo-toolbar-expandable-content"
1507
1627
  >
1508
1628
  <span class="pf-v6-c-menu-toggle__icon">
1509
- <i class="fas fa-filter" aria-hidden="true"></i>
1629
+ <svg
1630
+ class="pf-v5-svg"
1631
+ viewBox="0 0 192 512"
1632
+ fill="currentColor"
1633
+ aria-hidden="true"
1634
+ role="img"
1635
+ width="1em"
1636
+ height="1em"
1637
+ >
1638
+ <path
1639
+ 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"
1640
+ />
1641
+ </svg>
1510
1642
  </span>
1511
1643
  </button>
1512
1644
  </div>
@@ -1558,7 +1690,19 @@ wrapperTag: div
1558
1690
  id="sortable-demo-toolbar-search-filter-menu"
1559
1691
  >
1560
1692
  <span class="pf-v6-c-menu-toggle__icon">
1561
- <i class="fas fa-filter" aria-hidden="true"></i>
1693
+ <svg
1694
+ class="pf-v5-svg"
1695
+ viewBox="0 0 192 512"
1696
+ fill="currentColor"
1697
+ aria-hidden="true"
1698
+ role="img"
1699
+ width="1em"
1700
+ height="1em"
1701
+ >
1702
+ <path
1703
+ 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"
1704
+ />
1705
+ </svg>
1562
1706
  </span>
1563
1707
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1564
1708
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2745,7 +2889,19 @@ wrapperTag: div
2745
2889
  aria-label="Application launcher"
2746
2890
  >
2747
2891
  <span class="pf-v6-c-menu-toggle__icon">
2748
- <i class="fas fa-th" aria-hidden="true"></i>
2892
+ <svg
2893
+ class="pf-v5-svg"
2894
+ viewBox="0 0 192 512"
2895
+ fill="currentColor"
2896
+ aria-hidden="true"
2897
+ role="img"
2898
+ width="1em"
2899
+ height="1em"
2900
+ >
2901
+ <path
2902
+ 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"
2903
+ />
2904
+ </svg>
2749
2905
  </span>
2750
2906
  </button>
2751
2907
  </div>
@@ -2757,7 +2913,19 @@ wrapperTag: div
2757
2913
  aria-label="Settings"
2758
2914
  >
2759
2915
  <span class="pf-v6-c-menu-toggle__icon">
2760
- <i class="fas fa-cog" aria-hidden="true"></i>
2916
+ <svg
2917
+ class="pf-v5-svg"
2918
+ viewBox="0 0 192 512"
2919
+ fill="currentColor"
2920
+ aria-hidden="true"
2921
+ role="img"
2922
+ width="1em"
2923
+ height="1em"
2924
+ >
2925
+ <path
2926
+ 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"
2927
+ />
2928
+ </svg>
2761
2929
  </span>
2762
2930
  </button>
2763
2931
  </div>
@@ -2769,7 +2937,19 @@ wrapperTag: div
2769
2937
  aria-label="Help"
2770
2938
  >
2771
2939
  <span class="pf-v6-c-menu-toggle__icon">
2772
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2940
+ <svg
2941
+ class="pf-v5-svg"
2942
+ viewBox="0 0 192 512"
2943
+ fill="currentColor"
2944
+ aria-hidden="true"
2945
+ role="img"
2946
+ width="1em"
2947
+ height="1em"
2948
+ >
2949
+ <path
2950
+ 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"
2951
+ />
2952
+ </svg>
2773
2953
  </span>
2774
2954
  </button>
2775
2955
  </div>
@@ -2782,7 +2962,19 @@ wrapperTag: div
2782
2962
  aria-label="Actions"
2783
2963
  >
2784
2964
  <span class="pf-v6-c-menu-toggle__icon">
2785
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2965
+ <svg
2966
+ class="pf-v5-svg"
2967
+ viewBox="0 0 192 512"
2968
+ fill="currentColor"
2969
+ aria-hidden="true"
2970
+ role="img"
2971
+ width="1em"
2972
+ height="1em"
2973
+ >
2974
+ <path
2975
+ 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"
2976
+ />
2977
+ </svg>
2786
2978
  </span>
2787
2979
  </button>
2788
2980
  </div>
@@ -2891,7 +3083,19 @@ wrapperTag: div
2891
3083
  aria-controls="expandable-demo-toolbar-expandable-content"
2892
3084
  >
2893
3085
  <span class="pf-v6-c-menu-toggle__icon">
2894
- <i class="fas fa-filter" aria-hidden="true"></i>
3086
+ <svg
3087
+ class="pf-v5-svg"
3088
+ viewBox="0 0 192 512"
3089
+ fill="currentColor"
3090
+ aria-hidden="true"
3091
+ role="img"
3092
+ width="1em"
3093
+ height="1em"
3094
+ >
3095
+ <path
3096
+ 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"
3097
+ />
3098
+ </svg>
2895
3099
  </span>
2896
3100
  </button>
2897
3101
  </div>
@@ -2943,7 +3147,19 @@ wrapperTag: div
2943
3147
  id="expandable-demo-toolbar-search-filter-menu"
2944
3148
  >
2945
3149
  <span class="pf-v6-c-menu-toggle__icon">
2946
- <i class="fas fa-filter" aria-hidden="true"></i>
3150
+ <svg
3151
+ class="pf-v5-svg"
3152
+ viewBox="0 0 192 512"
3153
+ fill="currentColor"
3154
+ aria-hidden="true"
3155
+ role="img"
3156
+ width="1em"
3157
+ height="1em"
3158
+ >
3159
+ <path
3160
+ 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"
3161
+ />
3162
+ </svg>
2947
3163
  </span>
2948
3164
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2949
3165
  <span class="pf-v6-c-menu-toggle__controls">
@@ -4377,7 +4593,19 @@ wrapperTag: div
4377
4593
  aria-label="Application launcher"
4378
4594
  >
4379
4595
  <span class="pf-v6-c-menu-toggle__icon">
4380
- <i class="fas fa-th" aria-hidden="true"></i>
4596
+ <svg
4597
+ class="pf-v5-svg"
4598
+ viewBox="0 0 192 512"
4599
+ fill="currentColor"
4600
+ aria-hidden="true"
4601
+ role="img"
4602
+ width="1em"
4603
+ height="1em"
4604
+ >
4605
+ <path
4606
+ 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"
4607
+ />
4608
+ </svg>
4381
4609
  </span>
4382
4610
  </button>
4383
4611
  </div>
@@ -4389,7 +4617,19 @@ wrapperTag: div
4389
4617
  aria-label="Settings"
4390
4618
  >
4391
4619
  <span class="pf-v6-c-menu-toggle__icon">
4392
- <i class="fas fa-cog" aria-hidden="true"></i>
4620
+ <svg
4621
+ class="pf-v5-svg"
4622
+ viewBox="0 0 192 512"
4623
+ fill="currentColor"
4624
+ aria-hidden="true"
4625
+ role="img"
4626
+ width="1em"
4627
+ height="1em"
4628
+ >
4629
+ <path
4630
+ 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"
4631
+ />
4632
+ </svg>
4393
4633
  </span>
4394
4634
  </button>
4395
4635
  </div>
@@ -4401,7 +4641,19 @@ wrapperTag: div
4401
4641
  aria-label="Help"
4402
4642
  >
4403
4643
  <span class="pf-v6-c-menu-toggle__icon">
4404
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4644
+ <svg
4645
+ class="pf-v5-svg"
4646
+ viewBox="0 0 192 512"
4647
+ fill="currentColor"
4648
+ aria-hidden="true"
4649
+ role="img"
4650
+ width="1em"
4651
+ height="1em"
4652
+ >
4653
+ <path
4654
+ 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"
4655
+ />
4656
+ </svg>
4405
4657
  </span>
4406
4658
  </button>
4407
4659
  </div>
@@ -4414,7 +4666,19 @@ wrapperTag: div
4414
4666
  aria-label="Actions"
4415
4667
  >
4416
4668
  <span class="pf-v6-c-menu-toggle__icon">
4417
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4669
+ <svg
4670
+ class="pf-v5-svg"
4671
+ viewBox="0 0 192 512"
4672
+ fill="currentColor"
4673
+ aria-hidden="true"
4674
+ role="img"
4675
+ width="1em"
4676
+ height="1em"
4677
+ >
4678
+ <path
4679
+ 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"
4680
+ />
4681
+ </svg>
4418
4682
  </span>
4419
4683
  </button>
4420
4684
  </div>
@@ -4519,7 +4783,19 @@ wrapperTag: div
4519
4783
  aria-controls="compact-demo-toolbar-expandable-content"
4520
4784
  >
4521
4785
  <span class="pf-v6-c-menu-toggle__icon">
4522
- <i class="fas fa-filter" aria-hidden="true"></i>
4786
+ <svg
4787
+ class="pf-v5-svg"
4788
+ viewBox="0 0 192 512"
4789
+ fill="currentColor"
4790
+ aria-hidden="true"
4791
+ role="img"
4792
+ width="1em"
4793
+ height="1em"
4794
+ >
4795
+ <path
4796
+ 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"
4797
+ />
4798
+ </svg>
4523
4799
  </span>
4524
4800
  </button>
4525
4801
  </div>
@@ -4571,7 +4847,19 @@ wrapperTag: div
4571
4847
  id="compact-demo-toolbar-search-filter-menu"
4572
4848
  >
4573
4849
  <span class="pf-v6-c-menu-toggle__icon">
4574
- <i class="fas fa-filter" aria-hidden="true"></i>
4850
+ <svg
4851
+ class="pf-v5-svg"
4852
+ viewBox="0 0 192 512"
4853
+ fill="currentColor"
4854
+ aria-hidden="true"
4855
+ role="img"
4856
+ width="1em"
4857
+ height="1em"
4858
+ >
4859
+ <path
4860
+ 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"
4861
+ />
4862
+ </svg>
4575
4863
  </span>
4576
4864
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4577
4865
  <span class="pf-v6-c-menu-toggle__controls">
@@ -5662,7 +5950,19 @@ wrapperTag: div
5662
5950
  aria-label="Application launcher"
5663
5951
  >
5664
5952
  <span class="pf-v6-c-menu-toggle__icon">
5665
- <i class="fas fa-th" aria-hidden="true"></i>
5953
+ <svg
5954
+ class="pf-v5-svg"
5955
+ viewBox="0 0 192 512"
5956
+ fill="currentColor"
5957
+ aria-hidden="true"
5958
+ role="img"
5959
+ width="1em"
5960
+ height="1em"
5961
+ >
5962
+ <path
5963
+ 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"
5964
+ />
5965
+ </svg>
5666
5966
  </span>
5667
5967
  </button>
5668
5968
  </div>
@@ -5674,7 +5974,19 @@ wrapperTag: div
5674
5974
  aria-label="Settings"
5675
5975
  >
5676
5976
  <span class="pf-v6-c-menu-toggle__icon">
5677
- <i class="fas fa-cog" aria-hidden="true"></i>
5977
+ <svg
5978
+ class="pf-v5-svg"
5979
+ viewBox="0 0 192 512"
5980
+ fill="currentColor"
5981
+ aria-hidden="true"
5982
+ role="img"
5983
+ width="1em"
5984
+ height="1em"
5985
+ >
5986
+ <path
5987
+ 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"
5988
+ />
5989
+ </svg>
5678
5990
  </span>
5679
5991
  </button>
5680
5992
  </div>
@@ -5686,7 +5998,19 @@ wrapperTag: div
5686
5998
  aria-label="Help"
5687
5999
  >
5688
6000
  <span class="pf-v6-c-menu-toggle__icon">
5689
- <i class="fas fa-question-circle" aria-hidden="true"></i>
6001
+ <svg
6002
+ class="pf-v5-svg"
6003
+ viewBox="0 0 192 512"
6004
+ fill="currentColor"
6005
+ aria-hidden="true"
6006
+ role="img"
6007
+ width="1em"
6008
+ height="1em"
6009
+ >
6010
+ <path
6011
+ 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"
6012
+ />
6013
+ </svg>
5690
6014
  </span>
5691
6015
  </button>
5692
6016
  </div>
@@ -5699,7 +6023,19 @@ wrapperTag: div
5699
6023
  aria-label="Actions"
5700
6024
  >
5701
6025
  <span class="pf-v6-c-menu-toggle__icon">
5702
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6026
+ <svg
6027
+ class="pf-v5-svg"
6028
+ viewBox="0 0 192 512"
6029
+ fill="currentColor"
6030
+ aria-hidden="true"
6031
+ role="img"
6032
+ width="1em"
6033
+ height="1em"
6034
+ >
6035
+ <path
6036
+ 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"
6037
+ />
6038
+ </svg>
5703
6039
  </span>
5704
6040
  </button>
5705
6041
  </div>
@@ -5808,7 +6144,19 @@ wrapperTag: div
5808
6144
  aria-controls="compound-expansion-demo-toolbar-expandable-content"
5809
6145
  >
5810
6146
  <span class="pf-v6-c-menu-toggle__icon">
5811
- <i class="fas fa-filter" aria-hidden="true"></i>
6147
+ <svg
6148
+ class="pf-v5-svg"
6149
+ viewBox="0 0 192 512"
6150
+ fill="currentColor"
6151
+ aria-hidden="true"
6152
+ role="img"
6153
+ width="1em"
6154
+ height="1em"
6155
+ >
6156
+ <path
6157
+ 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"
6158
+ />
6159
+ </svg>
5812
6160
  </span>
5813
6161
  </button>
5814
6162
  </div>
@@ -5860,7 +6208,19 @@ wrapperTag: div
5860
6208
  id="compound-expansion-demo-toolbar-search-filter-menu"
5861
6209
  >
5862
6210
  <span class="pf-v6-c-menu-toggle__icon">
5863
- <i class="fas fa-filter" aria-hidden="true"></i>
6211
+ <svg
6212
+ class="pf-v5-svg"
6213
+ viewBox="0 0 192 512"
6214
+ fill="currentColor"
6215
+ aria-hidden="true"
6216
+ role="img"
6217
+ width="1em"
6218
+ height="1em"
6219
+ >
6220
+ <path
6221
+ 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"
6222
+ />
6223
+ </svg>
5864
6224
  </span>
5865
6225
  <span class="pf-v6-c-menu-toggle__text">Name</span>
5866
6226
  <span class="pf-v6-c-menu-toggle__controls">
@@ -11083,7 +11443,19 @@ wrapperTag: div
11083
11443
  aria-label="Application launcher"
11084
11444
  >
11085
11445
  <span class="pf-v6-c-menu-toggle__icon">
11086
- <i class="fas fa-th" aria-hidden="true"></i>
11446
+ <svg
11447
+ class="pf-v5-svg"
11448
+ viewBox="0 0 192 512"
11449
+ fill="currentColor"
11450
+ aria-hidden="true"
11451
+ role="img"
11452
+ width="1em"
11453
+ height="1em"
11454
+ >
11455
+ <path
11456
+ 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"
11457
+ />
11458
+ </svg>
11087
11459
  </span>
11088
11460
  </button>
11089
11461
  </div>
@@ -11095,7 +11467,19 @@ wrapperTag: div
11095
11467
  aria-label="Settings"
11096
11468
  >
11097
11469
  <span class="pf-v6-c-menu-toggle__icon">
11098
- <i class="fas fa-cog" aria-hidden="true"></i>
11470
+ <svg
11471
+ class="pf-v5-svg"
11472
+ viewBox="0 0 192 512"
11473
+ fill="currentColor"
11474
+ aria-hidden="true"
11475
+ role="img"
11476
+ width="1em"
11477
+ height="1em"
11478
+ >
11479
+ <path
11480
+ 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"
11481
+ />
11482
+ </svg>
11099
11483
  </span>
11100
11484
  </button>
11101
11485
  </div>
@@ -11107,7 +11491,19 @@ wrapperTag: div
11107
11491
  aria-label="Help"
11108
11492
  >
11109
11493
  <span class="pf-v6-c-menu-toggle__icon">
11110
- <i class="fas fa-question-circle" aria-hidden="true"></i>
11494
+ <svg
11495
+ class="pf-v5-svg"
11496
+ viewBox="0 0 192 512"
11497
+ fill="currentColor"
11498
+ aria-hidden="true"
11499
+ role="img"
11500
+ width="1em"
11501
+ height="1em"
11502
+ >
11503
+ <path
11504
+ 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"
11505
+ />
11506
+ </svg>
11111
11507
  </span>
11112
11508
  </button>
11113
11509
  </div>
@@ -11120,7 +11516,19 @@ wrapperTag: div
11120
11516
  aria-label="Actions"
11121
11517
  >
11122
11518
  <span class="pf-v6-c-menu-toggle__icon">
11123
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11519
+ <svg
11520
+ class="pf-v5-svg"
11521
+ viewBox="0 0 192 512"
11522
+ fill="currentColor"
11523
+ aria-hidden="true"
11524
+ role="img"
11525
+ width="1em"
11526
+ height="1em"
11527
+ >
11528
+ <path
11529
+ 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"
11530
+ />
11531
+ </svg>
11124
11532
  </span>
11125
11533
  </button>
11126
11534
  </div>
@@ -11443,7 +11851,19 @@ wrapperTag: div
11443
11851
  aria-label="Application launcher"
11444
11852
  >
11445
11853
  <span class="pf-v6-c-menu-toggle__icon">
11446
- <i class="fas fa-th" aria-hidden="true"></i>
11854
+ <svg
11855
+ class="pf-v5-svg"
11856
+ viewBox="0 0 192 512"
11857
+ fill="currentColor"
11858
+ aria-hidden="true"
11859
+ role="img"
11860
+ width="1em"
11861
+ height="1em"
11862
+ >
11863
+ <path
11864
+ 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"
11865
+ />
11866
+ </svg>
11447
11867
  </span>
11448
11868
  </button>
11449
11869
  </div>
@@ -11455,7 +11875,19 @@ wrapperTag: div
11455
11875
  aria-label="Settings"
11456
11876
  >
11457
11877
  <span class="pf-v6-c-menu-toggle__icon">
11458
- <i class="fas fa-cog" aria-hidden="true"></i>
11878
+ <svg
11879
+ class="pf-v5-svg"
11880
+ viewBox="0 0 192 512"
11881
+ fill="currentColor"
11882
+ aria-hidden="true"
11883
+ role="img"
11884
+ width="1em"
11885
+ height="1em"
11886
+ >
11887
+ <path
11888
+ 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"
11889
+ />
11890
+ </svg>
11459
11891
  </span>
11460
11892
  </button>
11461
11893
  </div>
@@ -11467,7 +11899,19 @@ wrapperTag: div
11467
11899
  aria-label="Help"
11468
11900
  >
11469
11901
  <span class="pf-v6-c-menu-toggle__icon">
11470
- <i class="fas fa-question-circle" aria-hidden="true"></i>
11902
+ <svg
11903
+ class="pf-v5-svg"
11904
+ viewBox="0 0 192 512"
11905
+ fill="currentColor"
11906
+ aria-hidden="true"
11907
+ role="img"
11908
+ width="1em"
11909
+ height="1em"
11910
+ >
11911
+ <path
11912
+ 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"
11913
+ />
11914
+ </svg>
11471
11915
  </span>
11472
11916
  </button>
11473
11917
  </div>
@@ -11480,7 +11924,19 @@ wrapperTag: div
11480
11924
  aria-label="Actions"
11481
11925
  >
11482
11926
  <span class="pf-v6-c-menu-toggle__icon">
11483
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11927
+ <svg
11928
+ class="pf-v5-svg"
11929
+ viewBox="0 0 192 512"
11930
+ fill="currentColor"
11931
+ aria-hidden="true"
11932
+ role="img"
11933
+ width="1em"
11934
+ height="1em"
11935
+ >
11936
+ <path
11937
+ 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"
11938
+ />
11939
+ </svg>
11484
11940
  </span>
11485
11941
  </button>
11486
11942
  </div>
@@ -11798,7 +12254,19 @@ wrapperTag: div
11798
12254
  aria-label="Application launcher"
11799
12255
  >
11800
12256
  <span class="pf-v6-c-menu-toggle__icon">
11801
- <i class="fas fa-th" aria-hidden="true"></i>
12257
+ <svg
12258
+ class="pf-v5-svg"
12259
+ viewBox="0 0 192 512"
12260
+ fill="currentColor"
12261
+ aria-hidden="true"
12262
+ role="img"
12263
+ width="1em"
12264
+ height="1em"
12265
+ >
12266
+ <path
12267
+ 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"
12268
+ />
12269
+ </svg>
11802
12270
  </span>
11803
12271
  </button>
11804
12272
  </div>
@@ -11810,9 +12278,21 @@ wrapperTag: div
11810
12278
  aria-label="Settings"
11811
12279
  >
11812
12280
  <span class="pf-v6-c-menu-toggle__icon">
11813
- <i class="fas fa-cog" aria-hidden="true"></i>
11814
- </span>
11815
- </button>
12281
+ <svg
12282
+ class="pf-v5-svg"
12283
+ viewBox="0 0 192 512"
12284
+ fill="currentColor"
12285
+ aria-hidden="true"
12286
+ role="img"
12287
+ width="1em"
12288
+ height="1em"
12289
+ >
12290
+ <path
12291
+ 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"
12292
+ />
12293
+ </svg>
12294
+ </span>
12295
+ </button>
11816
12296
  </div>
11817
12297
  <div class="pf-v6-c-toolbar__item">
11818
12298
  <button
@@ -11822,7 +12302,19 @@ wrapperTag: div
11822
12302
  aria-label="Help"
11823
12303
  >
11824
12304
  <span class="pf-v6-c-menu-toggle__icon">
11825
- <i class="fas fa-question-circle" aria-hidden="true"></i>
12305
+ <svg
12306
+ class="pf-v5-svg"
12307
+ viewBox="0 0 192 512"
12308
+ fill="currentColor"
12309
+ aria-hidden="true"
12310
+ role="img"
12311
+ width="1em"
12312
+ height="1em"
12313
+ >
12314
+ <path
12315
+ 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"
12316
+ />
12317
+ </svg>
11826
12318
  </span>
11827
12319
  </button>
11828
12320
  </div>
@@ -11835,7 +12327,19 @@ wrapperTag: div
11835
12327
  aria-label="Actions"
11836
12328
  >
11837
12329
  <span class="pf-v6-c-menu-toggle__icon">
11838
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
12330
+ <svg
12331
+ class="pf-v5-svg"
12332
+ viewBox="0 0 192 512"
12333
+ fill="currentColor"
12334
+ aria-hidden="true"
12335
+ role="img"
12336
+ width="1em"
12337
+ height="1em"
12338
+ >
12339
+ <path
12340
+ 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"
12341
+ />
12342
+ </svg>
11839
12343
  </span>
11840
12344
  </button>
11841
12345
  </div>
@@ -11944,7 +12448,19 @@ wrapperTag: div
11944
12448
  aria-controls="static-bottom-pagination-demo-toolbar-expandable-content"
11945
12449
  >
11946
12450
  <span class="pf-v6-c-menu-toggle__icon">
11947
- <i class="fas fa-filter" aria-hidden="true"></i>
12451
+ <svg
12452
+ class="pf-v5-svg"
12453
+ viewBox="0 0 192 512"
12454
+ fill="currentColor"
12455
+ aria-hidden="true"
12456
+ role="img"
12457
+ width="1em"
12458
+ height="1em"
12459
+ >
12460
+ <path
12461
+ 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"
12462
+ />
12463
+ </svg>
11948
12464
  </span>
11949
12465
  </button>
11950
12466
  </div>
@@ -11996,7 +12512,19 @@ wrapperTag: div
11996
12512
  id="static-bottom-pagination-demo-toolbar-search-filter-menu"
11997
12513
  >
11998
12514
  <span class="pf-v6-c-menu-toggle__icon">
11999
- <i class="fas fa-filter" aria-hidden="true"></i>
12515
+ <svg
12516
+ class="pf-v5-svg"
12517
+ viewBox="0 0 192 512"
12518
+ fill="currentColor"
12519
+ aria-hidden="true"
12520
+ role="img"
12521
+ width="1em"
12522
+ height="1em"
12523
+ >
12524
+ <path
12525
+ 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"
12526
+ />
12527
+ </svg>
12000
12528
  </span>
12001
12529
  <span class="pf-v6-c-menu-toggle__text">Name</span>
12002
12530
  <span class="pf-v6-c-menu-toggle__controls">
@@ -13191,7 +13719,19 @@ wrapperTag: div
13191
13719
  aria-label="Application launcher"
13192
13720
  >
13193
13721
  <span class="pf-v6-c-menu-toggle__icon">
13194
- <i class="fas fa-th" aria-hidden="true"></i>
13722
+ <svg
13723
+ class="pf-v5-svg"
13724
+ viewBox="0 0 192 512"
13725
+ fill="currentColor"
13726
+ aria-hidden="true"
13727
+ role="img"
13728
+ width="1em"
13729
+ height="1em"
13730
+ >
13731
+ <path
13732
+ 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"
13733
+ />
13734
+ </svg>
13195
13735
  </span>
13196
13736
  </button>
13197
13737
  </div>
@@ -13203,7 +13743,19 @@ wrapperTag: div
13203
13743
  aria-label="Settings"
13204
13744
  >
13205
13745
  <span class="pf-v6-c-menu-toggle__icon">
13206
- <i class="fas fa-cog" aria-hidden="true"></i>
13746
+ <svg
13747
+ class="pf-v5-svg"
13748
+ viewBox="0 0 192 512"
13749
+ fill="currentColor"
13750
+ aria-hidden="true"
13751
+ role="img"
13752
+ width="1em"
13753
+ height="1em"
13754
+ >
13755
+ <path
13756
+ 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"
13757
+ />
13758
+ </svg>
13207
13759
  </span>
13208
13760
  </button>
13209
13761
  </div>
@@ -13215,7 +13767,19 @@ wrapperTag: div
13215
13767
  aria-label="Help"
13216
13768
  >
13217
13769
  <span class="pf-v6-c-menu-toggle__icon">
13218
- <i class="fas fa-question-circle" aria-hidden="true"></i>
13770
+ <svg
13771
+ class="pf-v5-svg"
13772
+ viewBox="0 0 192 512"
13773
+ fill="currentColor"
13774
+ aria-hidden="true"
13775
+ role="img"
13776
+ width="1em"
13777
+ height="1em"
13778
+ >
13779
+ <path
13780
+ 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"
13781
+ />
13782
+ </svg>
13219
13783
  </span>
13220
13784
  </button>
13221
13785
  </div>
@@ -13228,7 +13792,19 @@ wrapperTag: div
13228
13792
  aria-label="Actions"
13229
13793
  >
13230
13794
  <span class="pf-v6-c-menu-toggle__icon">
13231
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
13795
+ <svg
13796
+ class="pf-v5-svg"
13797
+ viewBox="0 0 192 512"
13798
+ fill="currentColor"
13799
+ aria-hidden="true"
13800
+ role="img"
13801
+ width="1em"
13802
+ height="1em"
13803
+ >
13804
+ <path
13805
+ 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"
13806
+ />
13807
+ </svg>
13232
13808
  </span>
13233
13809
  </button>
13234
13810
  </div>
@@ -13337,7 +13913,19 @@ wrapperTag: div
13337
13913
  aria-controls="column-management-demo-toolbar-expandable-content"
13338
13914
  >
13339
13915
  <span class="pf-v6-c-menu-toggle__icon">
13340
- <i class="fas fa-filter" aria-hidden="true"></i>
13916
+ <svg
13917
+ class="pf-v5-svg"
13918
+ viewBox="0 0 192 512"
13919
+ fill="currentColor"
13920
+ aria-hidden="true"
13921
+ role="img"
13922
+ width="1em"
13923
+ height="1em"
13924
+ >
13925
+ <path
13926
+ 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"
13927
+ />
13928
+ </svg>
13341
13929
  </span>
13342
13930
  </button>
13343
13931
  </div>
@@ -13389,7 +13977,19 @@ wrapperTag: div
13389
13977
  id="column-management-demo-toolbar-search-filter-menu"
13390
13978
  >
13391
13979
  <span class="pf-v6-c-menu-toggle__icon">
13392
- <i class="fas fa-filter" aria-hidden="true"></i>
13980
+ <svg
13981
+ class="pf-v5-svg"
13982
+ viewBox="0 0 192 512"
13983
+ fill="currentColor"
13984
+ aria-hidden="true"
13985
+ role="img"
13986
+ width="1em"
13987
+ height="1em"
13988
+ >
13989
+ <path
13990
+ 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"
13991
+ />
13992
+ </svg>
13393
13993
  </span>
13394
13994
  <span class="pf-v6-c-menu-toggle__text">Name</span>
13395
13995
  <span class="pf-v6-c-menu-toggle__controls">
@@ -14678,7 +15278,19 @@ wrapperTag: div
14678
15278
  aria-label="Application launcher"
14679
15279
  >
14680
15280
  <span class="pf-v6-c-menu-toggle__icon">
14681
- <i class="fas fa-th" aria-hidden="true"></i>
15281
+ <svg
15282
+ class="pf-v5-svg"
15283
+ viewBox="0 0 192 512"
15284
+ fill="currentColor"
15285
+ aria-hidden="true"
15286
+ role="img"
15287
+ width="1em"
15288
+ height="1em"
15289
+ >
15290
+ <path
15291
+ 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"
15292
+ />
15293
+ </svg>
14682
15294
  </span>
14683
15295
  </button>
14684
15296
  </div>
@@ -14690,7 +15302,19 @@ wrapperTag: div
14690
15302
  aria-label="Settings"
14691
15303
  >
14692
15304
  <span class="pf-v6-c-menu-toggle__icon">
14693
- <i class="fas fa-cog" aria-hidden="true"></i>
15305
+ <svg
15306
+ class="pf-v5-svg"
15307
+ viewBox="0 0 192 512"
15308
+ fill="currentColor"
15309
+ aria-hidden="true"
15310
+ role="img"
15311
+ width="1em"
15312
+ height="1em"
15313
+ >
15314
+ <path
15315
+ 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"
15316
+ />
15317
+ </svg>
14694
15318
  </span>
14695
15319
  </button>
14696
15320
  </div>
@@ -14702,7 +15326,19 @@ wrapperTag: div
14702
15326
  aria-label="Help"
14703
15327
  >
14704
15328
  <span class="pf-v6-c-menu-toggle__icon">
14705
- <i class="fas fa-question-circle" aria-hidden="true"></i>
15329
+ <svg
15330
+ class="pf-v5-svg"
15331
+ viewBox="0 0 192 512"
15332
+ fill="currentColor"
15333
+ aria-hidden="true"
15334
+ role="img"
15335
+ width="1em"
15336
+ height="1em"
15337
+ >
15338
+ <path
15339
+ 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"
15340
+ />
15341
+ </svg>
14706
15342
  </span>
14707
15343
  </button>
14708
15344
  </div>
@@ -14715,7 +15351,19 @@ wrapperTag: div
14715
15351
  aria-label="Actions"
14716
15352
  >
14717
15353
  <span class="pf-v6-c-menu-toggle__icon">
14718
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15354
+ <svg
15355
+ class="pf-v5-svg"
15356
+ viewBox="0 0 192 512"
15357
+ fill="currentColor"
15358
+ aria-hidden="true"
15359
+ role="img"
15360
+ width="1em"
15361
+ height="1em"
15362
+ >
15363
+ <path
15364
+ 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"
15365
+ />
15366
+ </svg>
14719
15367
  </span>
14720
15368
  </button>
14721
15369
  </div>
@@ -14824,7 +15472,19 @@ wrapperTag: div
14824
15472
  aria-controls="sticky-header-demo-toolbar-expandable-content"
14825
15473
  >
14826
15474
  <span class="pf-v6-c-menu-toggle__icon">
14827
- <i class="fas fa-filter" aria-hidden="true"></i>
15475
+ <svg
15476
+ class="pf-v5-svg"
15477
+ viewBox="0 0 192 512"
15478
+ fill="currentColor"
15479
+ aria-hidden="true"
15480
+ role="img"
15481
+ width="1em"
15482
+ height="1em"
15483
+ >
15484
+ <path
15485
+ 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"
15486
+ />
15487
+ </svg>
14828
15488
  </span>
14829
15489
  </button>
14830
15490
  </div>
@@ -14876,7 +15536,19 @@ wrapperTag: div
14876
15536
  id="sticky-header-demo-toolbar-search-filter-menu"
14877
15537
  >
14878
15538
  <span class="pf-v6-c-menu-toggle__icon">
14879
- <i class="fas fa-filter" aria-hidden="true"></i>
15539
+ <svg
15540
+ class="pf-v5-svg"
15541
+ viewBox="0 0 192 512"
15542
+ fill="currentColor"
15543
+ aria-hidden="true"
15544
+ role="img"
15545
+ width="1em"
15546
+ height="1em"
15547
+ >
15548
+ <path
15549
+ 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"
15550
+ />
15551
+ </svg>
14880
15552
  </span>
14881
15553
  <span class="pf-v6-c-menu-toggle__text">Name</span>
14882
15554
  <span class="pf-v6-c-menu-toggle__controls">
@@ -16071,7 +16743,19 @@ wrapperTag: div
16071
16743
  aria-label="Application launcher"
16072
16744
  >
16073
16745
  <span class="pf-v6-c-menu-toggle__icon">
16074
- <i class="fas fa-th" aria-hidden="true"></i>
16746
+ <svg
16747
+ class="pf-v5-svg"
16748
+ viewBox="0 0 192 512"
16749
+ fill="currentColor"
16750
+ aria-hidden="true"
16751
+ role="img"
16752
+ width="1em"
16753
+ height="1em"
16754
+ >
16755
+ <path
16756
+ 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"
16757
+ />
16758
+ </svg>
16075
16759
  </span>
16076
16760
  </button>
16077
16761
  </div>
@@ -16083,7 +16767,19 @@ wrapperTag: div
16083
16767
  aria-label="Settings"
16084
16768
  >
16085
16769
  <span class="pf-v6-c-menu-toggle__icon">
16086
- <i class="fas fa-cog" aria-hidden="true"></i>
16770
+ <svg
16771
+ class="pf-v5-svg"
16772
+ viewBox="0 0 192 512"
16773
+ fill="currentColor"
16774
+ aria-hidden="true"
16775
+ role="img"
16776
+ width="1em"
16777
+ height="1em"
16778
+ >
16779
+ <path
16780
+ 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"
16781
+ />
16782
+ </svg>
16087
16783
  </span>
16088
16784
  </button>
16089
16785
  </div>
@@ -16095,7 +16791,19 @@ wrapperTag: div
16095
16791
  aria-label="Help"
16096
16792
  >
16097
16793
  <span class="pf-v6-c-menu-toggle__icon">
16098
- <i class="fas fa-question-circle" aria-hidden="true"></i>
16794
+ <svg
16795
+ class="pf-v5-svg"
16796
+ viewBox="0 0 192 512"
16797
+ fill="currentColor"
16798
+ aria-hidden="true"
16799
+ role="img"
16800
+ width="1em"
16801
+ height="1em"
16802
+ >
16803
+ <path
16804
+ 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"
16805
+ />
16806
+ </svg>
16099
16807
  </span>
16100
16808
  </button>
16101
16809
  </div>
@@ -16108,7 +16816,19 @@ wrapperTag: div
16108
16816
  aria-label="Actions"
16109
16817
  >
16110
16818
  <span class="pf-v6-c-menu-toggle__icon">
16111
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16819
+ <svg
16820
+ class="pf-v5-svg"
16821
+ viewBox="0 0 192 512"
16822
+ fill="currentColor"
16823
+ aria-hidden="true"
16824
+ role="img"
16825
+ width="1em"
16826
+ height="1em"
16827
+ >
16828
+ <path
16829
+ 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"
16830
+ />
16831
+ </svg>
16112
16832
  </span>
16113
16833
  </button>
16114
16834
  </div>
@@ -16218,7 +16938,19 @@ wrapperTag: div
16218
16938
  aria-controls="sticky-first-column-demo-toolbar-expandable-content"
16219
16939
  >
16220
16940
  <span class="pf-v6-c-menu-toggle__icon">
16221
- <i class="fas fa-filter" aria-hidden="true"></i>
16941
+ <svg
16942
+ class="pf-v5-svg"
16943
+ viewBox="0 0 192 512"
16944
+ fill="currentColor"
16945
+ aria-hidden="true"
16946
+ role="img"
16947
+ width="1em"
16948
+ height="1em"
16949
+ >
16950
+ <path
16951
+ 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"
16952
+ />
16953
+ </svg>
16222
16954
  </span>
16223
16955
  </button>
16224
16956
  </div>
@@ -16270,7 +17002,19 @@ wrapperTag: div
16270
17002
  id="sticky-first-column-demo-toolbar-search-filter-menu"
16271
17003
  >
16272
17004
  <span class="pf-v6-c-menu-toggle__icon">
16273
- <i class="fas fa-filter" aria-hidden="true"></i>
17005
+ <svg
17006
+ class="pf-v5-svg"
17007
+ viewBox="0 0 192 512"
17008
+ fill="currentColor"
17009
+ aria-hidden="true"
17010
+ role="img"
17011
+ width="1em"
17012
+ height="1em"
17013
+ >
17014
+ <path
17015
+ 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"
17016
+ />
17017
+ </svg>
16274
17018
  </span>
16275
17019
  <span class="pf-v6-c-menu-toggle__text">Name</span>
16276
17020
  <span class="pf-v6-c-menu-toggle__controls">
@@ -17249,7 +17993,19 @@ wrapperTag: div
17249
17993
  aria-label="Application launcher"
17250
17994
  >
17251
17995
  <span class="pf-v6-c-menu-toggle__icon">
17252
- <i class="fas fa-th" aria-hidden="true"></i>
17996
+ <svg
17997
+ class="pf-v5-svg"
17998
+ viewBox="0 0 192 512"
17999
+ fill="currentColor"
18000
+ aria-hidden="true"
18001
+ role="img"
18002
+ width="1em"
18003
+ height="1em"
18004
+ >
18005
+ <path
18006
+ 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"
18007
+ />
18008
+ </svg>
17253
18009
  </span>
17254
18010
  </button>
17255
18011
  </div>
@@ -17261,7 +18017,19 @@ wrapperTag: div
17261
18017
  aria-label="Settings"
17262
18018
  >
17263
18019
  <span class="pf-v6-c-menu-toggle__icon">
17264
- <i class="fas fa-cog" aria-hidden="true"></i>
18020
+ <svg
18021
+ class="pf-v5-svg"
18022
+ viewBox="0 0 192 512"
18023
+ fill="currentColor"
18024
+ aria-hidden="true"
18025
+ role="img"
18026
+ width="1em"
18027
+ height="1em"
18028
+ >
18029
+ <path
18030
+ 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"
18031
+ />
18032
+ </svg>
17265
18033
  </span>
17266
18034
  </button>
17267
18035
  </div>
@@ -17273,7 +18041,19 @@ wrapperTag: div
17273
18041
  aria-label="Help"
17274
18042
  >
17275
18043
  <span class="pf-v6-c-menu-toggle__icon">
17276
- <i class="fas fa-question-circle" aria-hidden="true"></i>
18044
+ <svg
18045
+ class="pf-v5-svg"
18046
+ viewBox="0 0 192 512"
18047
+ fill="currentColor"
18048
+ aria-hidden="true"
18049
+ role="img"
18050
+ width="1em"
18051
+ height="1em"
18052
+ >
18053
+ <path
18054
+ 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"
18055
+ />
18056
+ </svg>
17277
18057
  </span>
17278
18058
  </button>
17279
18059
  </div>
@@ -17286,7 +18066,19 @@ wrapperTag: div
17286
18066
  aria-label="Actions"
17287
18067
  >
17288
18068
  <span class="pf-v6-c-menu-toggle__icon">
17289
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
18069
+ <svg
18070
+ class="pf-v5-svg"
18071
+ viewBox="0 0 192 512"
18072
+ fill="currentColor"
18073
+ aria-hidden="true"
18074
+ role="img"
18075
+ width="1em"
18076
+ height="1em"
18077
+ >
18078
+ <path
18079
+ 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"
18080
+ />
18081
+ </svg>
17290
18082
  </span>
17291
18083
  </button>
17292
18084
  </div>
@@ -17399,7 +18191,19 @@ wrapperTag: div
17399
18191
  aria-controls="sticky-multiple-columns-demo-toolbar-expandable-content"
17400
18192
  >
17401
18193
  <span class="pf-v6-c-menu-toggle__icon">
17402
- <i class="fas fa-filter" aria-hidden="true"></i>
18194
+ <svg
18195
+ class="pf-v5-svg"
18196
+ viewBox="0 0 192 512"
18197
+ fill="currentColor"
18198
+ aria-hidden="true"
18199
+ role="img"
18200
+ width="1em"
18201
+ height="1em"
18202
+ >
18203
+ <path
18204
+ 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"
18205
+ />
18206
+ </svg>
17403
18207
  </span>
17404
18208
  </button>
17405
18209
  </div>
@@ -17451,7 +18255,19 @@ wrapperTag: div
17451
18255
  id="sticky-multiple-columns-demo-toolbar-search-filter-menu"
17452
18256
  >
17453
18257
  <span class="pf-v6-c-menu-toggle__icon">
17454
- <i class="fas fa-filter" aria-hidden="true"></i>
18258
+ <svg
18259
+ class="pf-v5-svg"
18260
+ viewBox="0 0 192 512"
18261
+ fill="currentColor"
18262
+ aria-hidden="true"
18263
+ role="img"
18264
+ width="1em"
18265
+ height="1em"
18266
+ >
18267
+ <path
18268
+ 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"
18269
+ />
18270
+ </svg>
17455
18271
  </span>
17456
18272
  <span class="pf-v6-c-menu-toggle__text">Name</span>
17457
18273
  <span class="pf-v6-c-menu-toggle__controls">
@@ -18452,7 +19268,19 @@ wrapperTag: div
18452
19268
  aria-label="Application launcher"
18453
19269
  >
18454
19270
  <span class="pf-v6-c-menu-toggle__icon">
18455
- <i class="fas fa-th" aria-hidden="true"></i>
19271
+ <svg
19272
+ class="pf-v5-svg"
19273
+ viewBox="0 0 192 512"
19274
+ fill="currentColor"
19275
+ aria-hidden="true"
19276
+ role="img"
19277
+ width="1em"
19278
+ height="1em"
19279
+ >
19280
+ <path
19281
+ 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"
19282
+ />
19283
+ </svg>
18456
19284
  </span>
18457
19285
  </button>
18458
19286
  </div>
@@ -18464,7 +19292,19 @@ wrapperTag: div
18464
19292
  aria-label="Settings"
18465
19293
  >
18466
19294
  <span class="pf-v6-c-menu-toggle__icon">
18467
- <i class="fas fa-cog" aria-hidden="true"></i>
19295
+ <svg
19296
+ class="pf-v5-svg"
19297
+ viewBox="0 0 192 512"
19298
+ fill="currentColor"
19299
+ aria-hidden="true"
19300
+ role="img"
19301
+ width="1em"
19302
+ height="1em"
19303
+ >
19304
+ <path
19305
+ 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"
19306
+ />
19307
+ </svg>
18468
19308
  </span>
18469
19309
  </button>
18470
19310
  </div>
@@ -18476,7 +19316,19 @@ wrapperTag: div
18476
19316
  aria-label="Help"
18477
19317
  >
18478
19318
  <span class="pf-v6-c-menu-toggle__icon">
18479
- <i class="fas fa-question-circle" aria-hidden="true"></i>
19319
+ <svg
19320
+ class="pf-v5-svg"
19321
+ viewBox="0 0 192 512"
19322
+ fill="currentColor"
19323
+ aria-hidden="true"
19324
+ role="img"
19325
+ width="1em"
19326
+ height="1em"
19327
+ >
19328
+ <path
19329
+ 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"
19330
+ />
19331
+ </svg>
18480
19332
  </span>
18481
19333
  </button>
18482
19334
  </div>
@@ -18489,7 +19341,19 @@ wrapperTag: div
18489
19341
  aria-label="Actions"
18490
19342
  >
18491
19343
  <span class="pf-v6-c-menu-toggle__icon">
18492
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
19344
+ <svg
19345
+ class="pf-v5-svg"
19346
+ viewBox="0 0 192 512"
19347
+ fill="currentColor"
19348
+ aria-hidden="true"
19349
+ role="img"
19350
+ width="1em"
19351
+ height="1em"
19352
+ >
19353
+ <path
19354
+ 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"
19355
+ />
19356
+ </svg>
18493
19357
  </span>
18494
19358
  </button>
18495
19359
  </div>
@@ -18601,7 +19465,19 @@ wrapperTag: div
18601
19465
  aria-controls="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
18602
19466
  >
18603
19467
  <span class="pf-v6-c-menu-toggle__icon">
18604
- <i class="fas fa-filter" aria-hidden="true"></i>
19468
+ <svg
19469
+ class="pf-v5-svg"
19470
+ viewBox="0 0 192 512"
19471
+ fill="currentColor"
19472
+ aria-hidden="true"
19473
+ role="img"
19474
+ width="1em"
19475
+ height="1em"
19476
+ >
19477
+ <path
19478
+ 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"
19479
+ />
19480
+ </svg>
18605
19481
  </span>
18606
19482
  </button>
18607
19483
  </div>
@@ -18653,7 +19529,19 @@ wrapperTag: div
18653
19529
  id="sticky-header-and-multiple columns-demo-toolbar-search-filter-menu"
18654
19530
  >
18655
19531
  <span class="pf-v6-c-menu-toggle__icon">
18656
- <i class="fas fa-filter" aria-hidden="true"></i>
19532
+ <svg
19533
+ class="pf-v5-svg"
19534
+ viewBox="0 0 192 512"
19535
+ fill="currentColor"
19536
+ aria-hidden="true"
19537
+ role="img"
19538
+ width="1em"
19539
+ height="1em"
19540
+ >
19541
+ <path
19542
+ 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"
19543
+ />
19544
+ </svg>
18657
19545
  </span>
18658
19546
  <span class="pf-v6-c-menu-toggle__text">Name</span>
18659
19547
  <span class="pf-v6-c-menu-toggle__controls">
@@ -19653,7 +20541,19 @@ wrapperTag: div
19653
20541
  aria-label="Application launcher"
19654
20542
  >
19655
20543
  <span class="pf-v6-c-menu-toggle__icon">
19656
- <i class="fas fa-th" aria-hidden="true"></i>
20544
+ <svg
20545
+ class="pf-v5-svg"
20546
+ viewBox="0 0 192 512"
20547
+ fill="currentColor"
20548
+ aria-hidden="true"
20549
+ role="img"
20550
+ width="1em"
20551
+ height="1em"
20552
+ >
20553
+ <path
20554
+ 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"
20555
+ />
20556
+ </svg>
19657
20557
  </span>
19658
20558
  </button>
19659
20559
  </div>
@@ -19665,7 +20565,19 @@ wrapperTag: div
19665
20565
  aria-label="Settings"
19666
20566
  >
19667
20567
  <span class="pf-v6-c-menu-toggle__icon">
19668
- <i class="fas fa-cog" aria-hidden="true"></i>
20568
+ <svg
20569
+ class="pf-v5-svg"
20570
+ viewBox="0 0 192 512"
20571
+ fill="currentColor"
20572
+ aria-hidden="true"
20573
+ role="img"
20574
+ width="1em"
20575
+ height="1em"
20576
+ >
20577
+ <path
20578
+ 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"
20579
+ />
20580
+ </svg>
19669
20581
  </span>
19670
20582
  </button>
19671
20583
  </div>
@@ -19677,7 +20589,19 @@ wrapperTag: div
19677
20589
  aria-label="Help"
19678
20590
  >
19679
20591
  <span class="pf-v6-c-menu-toggle__icon">
19680
- <i class="fas fa-question-circle" aria-hidden="true"></i>
20592
+ <svg
20593
+ class="pf-v5-svg"
20594
+ viewBox="0 0 192 512"
20595
+ fill="currentColor"
20596
+ aria-hidden="true"
20597
+ role="img"
20598
+ width="1em"
20599
+ height="1em"
20600
+ >
20601
+ <path
20602
+ 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"
20603
+ />
20604
+ </svg>
19681
20605
  </span>
19682
20606
  </button>
19683
20607
  </div>
@@ -19690,7 +20614,19 @@ wrapperTag: div
19690
20614
  aria-label="Actions"
19691
20615
  >
19692
20616
  <span class="pf-v6-c-menu-toggle__icon">
19693
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
20617
+ <svg
20618
+ class="pf-v5-svg"
20619
+ viewBox="0 0 192 512"
20620
+ fill="currentColor"
20621
+ aria-hidden="true"
20622
+ role="img"
20623
+ width="1em"
20624
+ height="1em"
20625
+ >
20626
+ <path
20627
+ 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"
20628
+ />
20629
+ </svg>
19694
20630
  </span>
19695
20631
  </button>
19696
20632
  </div>
@@ -19802,7 +20738,19 @@ wrapperTag: div
19802
20738
  aria-controls="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
19803
20739
  >
19804
20740
  <span class="pf-v6-c-menu-toggle__icon">
19805
- <i class="fas fa-filter" aria-hidden="true"></i>
20741
+ <svg
20742
+ class="pf-v5-svg"
20743
+ viewBox="0 0 192 512"
20744
+ fill="currentColor"
20745
+ aria-hidden="true"
20746
+ role="img"
20747
+ width="1em"
20748
+ height="1em"
20749
+ >
20750
+ <path
20751
+ 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"
20752
+ />
20753
+ </svg>
19806
20754
  </span>
19807
20755
  </button>
19808
20756
  </div>
@@ -19854,7 +20802,19 @@ wrapperTag: div
19854
20802
  id="sticky-header-and-multiple columns-demo-toolbar-search-filter-menu"
19855
20803
  >
19856
20804
  <span class="pf-v6-c-menu-toggle__icon">
19857
- <i class="fas fa-filter" aria-hidden="true"></i>
20805
+ <svg
20806
+ class="pf-v5-svg"
20807
+ viewBox="0 0 192 512"
20808
+ fill="currentColor"
20809
+ aria-hidden="true"
20810
+ role="img"
20811
+ width="1em"
20812
+ height="1em"
20813
+ >
20814
+ <path
20815
+ 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"
20816
+ />
20817
+ </svg>
19858
20818
  </span>
19859
20819
  <span class="pf-v6-c-menu-toggle__text">Name</span>
19860
20820
  <span class="pf-v6-c-menu-toggle__controls">
@@ -20834,7 +21794,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
20834
21794
  aria-label="Application launcher"
20835
21795
  >
20836
21796
  <span class="pf-v6-c-menu-toggle__icon">
20837
- <i class="fas fa-th" aria-hidden="true"></i>
21797
+ <svg
21798
+ class="pf-v5-svg"
21799
+ viewBox="0 0 192 512"
21800
+ fill="currentColor"
21801
+ aria-hidden="true"
21802
+ role="img"
21803
+ width="1em"
21804
+ height="1em"
21805
+ >
21806
+ <path
21807
+ 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"
21808
+ />
21809
+ </svg>
20838
21810
  </span>
20839
21811
  </button>
20840
21812
  </div>
@@ -20846,7 +21818,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
20846
21818
  aria-label="Settings"
20847
21819
  >
20848
21820
  <span class="pf-v6-c-menu-toggle__icon">
20849
- <i class="fas fa-cog" aria-hidden="true"></i>
21821
+ <svg
21822
+ class="pf-v5-svg"
21823
+ viewBox="0 0 192 512"
21824
+ fill="currentColor"
21825
+ aria-hidden="true"
21826
+ role="img"
21827
+ width="1em"
21828
+ height="1em"
21829
+ >
21830
+ <path
21831
+ 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"
21832
+ />
21833
+ </svg>
20850
21834
  </span>
20851
21835
  </button>
20852
21836
  </div>
@@ -20858,7 +21842,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
20858
21842
  aria-label="Help"
20859
21843
  >
20860
21844
  <span class="pf-v6-c-menu-toggle__icon">
20861
- <i class="fas fa-question-circle" aria-hidden="true"></i>
21845
+ <svg
21846
+ class="pf-v5-svg"
21847
+ viewBox="0 0 192 512"
21848
+ fill="currentColor"
21849
+ aria-hidden="true"
21850
+ role="img"
21851
+ width="1em"
21852
+ height="1em"
21853
+ >
21854
+ <path
21855
+ 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"
21856
+ />
21857
+ </svg>
20862
21858
  </span>
20863
21859
  </button>
20864
21860
  </div>
@@ -20871,7 +21867,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
20871
21867
  aria-label="Actions"
20872
21868
  >
20873
21869
  <span class="pf-v6-c-menu-toggle__icon">
20874
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21870
+ <svg
21871
+ class="pf-v5-svg"
21872
+ viewBox="0 0 192 512"
21873
+ fill="currentColor"
21874
+ aria-hidden="true"
21875
+ role="img"
21876
+ width="1em"
21877
+ height="1em"
21878
+ >
21879
+ <path
21880
+ 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"
21881
+ />
21882
+ </svg>
20875
21883
  </span>
20876
21884
  </button>
20877
21885
  </div>