npm - @patternfly/patternfly - Versions diffs - 6.5.0-prerelease.42 → 6.5.0-prerelease.44 - Mend

@patternfly/patternfly 6.5.0-prerelease.42 → 6.5.0-prerelease.44

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 (68) hide show

package/components/Button/button.css +75 -2
package/components/Button/button.scss +84 -3
package/components/Compass/compass.css +5 -5
package/components/Compass/compass.scss +5 -4
package/components/_index.css +80 -7
package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
package/docs/components/ActionList/examples/ActionList.md +143 -11
package/docs/components/Alert/examples/Alert.md +182 -14
package/docs/components/BackToTop/examples/BackToTop.md +13 -1
package/docs/components/Button/examples/Button.md +2017 -157
package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
package/docs/components/Compass/examples/Compass.md +1 -0
package/docs/components/DatePicker/examples/DatePicker.md +78 -6
package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
package/docs/components/Drawer/examples/Drawer.md +273 -21
package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
package/docs/components/InputGroup/examples/InputGroup.md +26 -2
package/docs/components/Label/examples/Label.md +242 -218
package/docs/components/Login/examples/Login.md +26 -2
package/docs/components/Masthead/examples/masthead.md +13 -1
package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
package/docs/components/ModalBox/examples/ModalBox.md +195 -15
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
package/docs/components/Nav/examples/Navigation.md +52 -4
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
package/docs/components/Page/examples/Page.md +13 -1
package/docs/components/Pagination/examples/Pagination.md +624 -48
package/docs/components/Popover/examples/Popover.md +208 -16
package/docs/components/Slider/examples/Slider.md +4 -4
package/docs/components/Table/examples/Table.md +52 -4
package/docs/components/Tabs/examples/Tabs.md +1378 -106
package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
package/docs/components/Toolbar/examples/Toolbar.md +455 -35
package/docs/components/TreeView/examples/TreeView.md +52 -4
package/docs/components/Wizard/examples/Wizard.md +169 -13
package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
package/docs/demos/Alert/examples/Alert.md +39 -3
package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
package/docs/demos/Button/examples/Button.md +13 -1
package/docs/demos/Card/examples/Card.md +65 -5
package/docs/demos/CardView/examples/CardView.md +78 -6
package/docs/demos/Compass/examples/Compass.md +689 -359
package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
package/docs/demos/DataList/examples/DataList.md +312 -24
package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
package/docs/demos/Drawer/examples/Drawer.md +39 -3
package/docs/demos/Form/examples/BasicForms.md +106 -10
package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
package/docs/demos/Masthead/examples/Masthead.md +40 -4
package/docs/demos/Modal/examples/Modal.md +78 -6
package/docs/demos/Nav/examples/Nav.md +52 -4
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
package/docs/demos/Table/examples/Table.md +1108 -145
package/docs/demos/Tabs/examples/Tabs.md +53 -8
package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
package/docs/demos/Wizard/examples/Wizard.md +130 -10
package/package.json +2 -2
package/patternfly-no-globals.css +80 -7
package/patternfly.css +80 -7
package/patternfly.min.css +1 -1
package/patternfly.min.css.map +1 -1

package/docs/components/Tabs/examples/Tabs.md CHANGED Viewed

@@ -23,7 +23,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -107,7 +119,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -141,7 +165,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -259,7 +295,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1347,7 +1395,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1431,7 +1491,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1456,7 +1528,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1574,7 +1658,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1687,7 +1783,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1775,7 +1883,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1803,7 +1923,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1889,7 +2021,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -1914,7 +2058,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2000,7 +2156,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2025,7 +2193,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2111,7 +2291,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2145,7 +2337,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2249,7 +2453,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2275,7 +2491,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2360,7 +2588,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2379,7 +2619,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2464,7 +2716,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2488,7 +2752,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2573,7 +2849,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2592,7 +2880,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2677,7 +2977,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2704,7 +3016,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2752,7 +3076,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2777,7 +3113,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2838,7 +3186,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2863,7 +3223,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2911,7 +3283,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2936,7 +3320,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -2997,7 +3393,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3027,7 +3435,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3115,7 +3535,19 @@ cssPrefix: pf-v6-c-tabs
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3138,7 +3570,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3224,7 +3668,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3242,7 +3698,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3331,7 +3799,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3354,7 +3834,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3440,7 +3932,19 @@ cssPrefix: pf-v6-c-tabs
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3458,7 +3962,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3544,7 +4060,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3571,7 +4099,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3773,7 +4313,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3796,7 +4348,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -3998,7 +4562,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4021,7 +4597,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4223,7 +4811,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4246,7 +4846,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4469,7 +5081,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4492,7 +5116,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4583,7 +5219,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4606,7 +5254,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4808,7 +5468,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -4827,7 +5499,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5029,7 +5713,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5054,7 +5750,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5256,7 +5964,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5279,7 +5999,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5481,7 +6213,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5504,7 +6248,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5706,7 +6462,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5729,7 +6497,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5952,7 +6732,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -5975,7 +6767,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6066,7 +6870,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6089,7 +6905,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6291,7 +7119,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6310,7 +7150,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6512,7 +7364,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6537,7 +7401,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6926,7 +7802,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -6949,7 +7837,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -7338,7 +8238,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -7361,7 +8273,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -7750,7 +8674,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -7773,7 +8709,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -8189,7 +9137,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -8212,7 +9172,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -8345,7 +9317,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -8368,7 +9352,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -8757,7 +9753,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -8776,7 +9784,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9165,7 +10185,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9192,7 +10224,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9355,7 +10399,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9366,7 +10422,19 @@ As sub navigation:
       aria-label="Add tab"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-plus" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 448 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+          />
+        </svg>
       </span>
     </button>
   </span>
@@ -9385,7 +10453,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9548,7 +10628,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9559,7 +10651,19 @@ As sub navigation:
       aria-label="Add tab"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-plus" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 448 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+          />
+        </svg>
       </span>
     </button>
   </span>
@@ -9582,7 +10686,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9745,7 +10861,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9756,7 +10884,19 @@ As sub navigation:
       aria-label="Add tab"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-plus" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 448 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+          />
+        </svg>
       </span>
     </button>
   </span>
@@ -9779,7 +10919,19 @@ As sub navigation:
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9942,7 +11094,19 @@ As sub navigation:
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -9953,7 +11117,19 @@ As sub navigation:
       aria-label="Add tab"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-plus" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 448 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+          />
+        </svg>
       </span>
     </button>
   </span>
@@ -9986,7 +11162,19 @@ To animate the current tab accent, you must set the following variables on the `
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10242,7 +11430,19 @@ To animate the current tab accent, you must set the following variables on the `
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10267,7 +11467,19 @@ To animate the current tab accent, you must set the following variables on the `
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10520,7 +11732,19 @@ To animate the current tab accent, you must set the following variables on the `
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10540,7 +11764,19 @@ To animate the current tab accent, you must set the following variables on the `
       aria-label="Scroll left"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10793,7 +12029,19 @@ To animate the current tab accent, you must set the following variables on the `
       aria-label="Scroll right"
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10819,7 +12067,19 @@ To animate the current tab accent, you must set the following variables on the `
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-left" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
+          />
+        </svg>
       </span>
     </button>
   </div>
@@ -10955,7 +12215,19 @@ To animate the current tab accent, you must set the following variables on the `
       disabled
     >
       <span class="pf-v6-c-button__icon">
-        <i class="fas fa-angle-right" aria-hidden="true"></i>
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 256 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+          />
+        </svg>
       </span>
     </button>
   </div>