[UI] Icon improvements (#10423)

* [UI] Icon improvements

- Improve build output icons for "scrap" and "cancel"

* Update docs

src/frontend/src/functions/icons.tsx

@@ -18,6 +18,7 @@ import {
   IconCalendarStats,
   IconCalendarTime,
   IconCalendarX,
+  IconCancel,
   IconCheck,
   IconCircleCheck,
   IconCircleMinus,
@@ -149,10 +150,11 @@ const icons: InvenTreeIconType = {
   suppliers: IconBuilding,
   customers: IconBuildingStore,
   purchase_orders: IconShoppingCart,
-  sales_orders: IconTruckDelivery,
   return_orders: IconTruckReturn,
-  shipment: IconTruckDelivery,
+  sales_orders: IconTruckDelivery,
   scheduling: IconCalendarStats,
+  scrap: IconCircleX,
+  shipment: IconTruckDelivery,
   test_templates: IconTestPipe,
   test: IconTestPipe,
   related_parts: IconLayersLinked,
@@ -172,7 +174,7 @@ const icons: InvenTreeIconType = {
   install: IconTransitionRight,
   plus: IconCirclePlus,
   minus: IconCircleMinus,
-  cancel: IconCircleX,
+  cancel: IconCancel,
   hold: IconHandStop,
   issue: IconBrandTelegram,
   complete: IconCircleCheck,

src/frontend/src/tables/build/BuildOutputTable.tsx

@@ -455,7 +455,7 @@ export default function BuildOutputTable({
       <ActionButton
         key='scrap-selected-outputs'
         tooltip={t`Scrap selected outputs`}
-        icon={<InvenTreeIcon icon='delete' />}
+        icon={<InvenTreeIcon icon='scrap' />}
         color='red'
         disabled={!table.hasSelectedRecords}
         onClick={() => {
@@ -559,7 +559,7 @@ export default function BuildOutputTable({
         {
           title: t`Scrap`,
           tooltip: t`Scrap build output`,
-          icon: <InvenTreeIcon icon='delete' />,
+          icon: <InvenTreeIcon icon='scrap' />,
           color: 'red',
           onClick: () => {
             setSelectedOutputs([record]);