Swap the icon library by remapping THIS table — every icon usage in the system references a role here, never a glyph directly.
FA 7 Pro Kit. Regular is the default weight; solid is reserved for primary nav, the (i) button, favorites/flags, count & status glyphs, and device-chrome. Standard cells: IconBox 24·12 (24px box / 12px glyph) · IconButton b24·i12 · b32·i16 · MultiuseSelector .mi 32·12. † = size is hardcoded ad-hoc (see note at the bottom).
| Role | FA class · weight | Cell | Used in | |
|---|---|---|---|---|
| nav.dashboard | fa-gauge-high · solid (nav) / regular | rail 20·14† | desktop rail · mobile tabs | |
| nav.marketing | fa-bullhorn · solid (nav) / regular | rail 20·14† | rail · screen-header · iconography | |
| nav.sales | fa-user-group · solid (nav) / regular | rail 20·14† | rail · tabs · buttons-special | |
| nav.customers | fa-users · solid (nav) / regular | rail 20·14† | rail · segment builder | |
| nav.vehicles | fa-car · solid (nav) / regular | rail 20·14† | rail · tabs · customer card | |
| nav.inventory | fa-cars · regular | 20·14† | screen-header | |
| nav.notifications | fa-bell · solid (nav) / regular | rail · bn · b32 | rail · bottom-nav · topbar (12) | |
| nav.settings | fa-gear · regular | rail 20·14† | rail · screen-header | |
| nav.support | fa-life-ring · regular | rail 20·14† | rail · screen-header | |
| nav.dealership | fa-building · regular | ds-ico 20·14† | rail dealer selector | |
| nav.segments | fa-layer-group · regular | vi-ico 20·16† | customer profile views | |
| nav.inbox | fa-inbox · regular | 24·12 | mobile title screens | |
| nav.back | fa-angle-left · regular | b32·i14 | customer profile · buttons | |
| nav.forward | fa-angle-right · regular | b32·i14 | vehicle analytics | |
| nav.prev | fa-angle-left · regular (chevron-left deprecated) | nav 12† | datepicker | |
| nav.next | fa-angle-right · regular (chevron-right deprecated) | nav 12† | datepicker · buttons-text | |
| nav.disclosure | fa-angle-down · regular (chevron-down deprecated) | .mc 12 · 11† | dropdowns · status pickers (16) | |
| nav.date-range | fa-calendar · regular | .di 12 | .sb-daterange header date-range indicator (Today / Next 7 Days / Jun 1 – Jun 14) — icon + mediumAction label, both blue-01, NO caret; click opens the date-range picker | |
| nav.collapse-sidebar | fa-arrow-left-to-line · regular | rail-collapse 14† | desktop screen rail | |
| nav.expand-sidebar | fa-arrow-right-to-line · regular | 14† | screen-header | |
| nav.go | fa-arrow-right · regular | b32·i14 | drilldown | |
| nav.sign-in | fa-arrow-right-to-bracket · regular | 24·12 | auth / buttons | |
| nav.sign-out / action.check-out | fa-arrow-right-from-bracket · regular | 24·12 | rail user / menus | |
| nav.fullscreen | fa-expand · regular | viewer b32 | drilldown / image viewer | |
| nav.view-grid | fa-table-cells · regular | b32·i14 | desktop topbar / screen | |
| nav.view-list | fa-table-list · regular | b32·i14 | desktop screen |
| Role | FA class · weight | Cell | Used in | |
|---|---|---|---|---|
| action.add | fa-plus · regular / solid | b32·i12 | add buttons everywhere (22) | |
| action.edit | fa-pencil / fa-pen / fa-pen-to-square | b32·i12 | widgets · segment builder · menus | |
| action.delete | fa-trash · regular | b32·i12 | segment builder · menus | |
| action.more | fa-ellipsis · regular / solid | b32 · 13† | context-menu trigger (21) | |
| action.filter | fa-filter · regular | .ibox 24·12 | screen headers · topbar (10) | |
| action.search | fa-magnifying-glass · regular | .lead 13† | search fields (15) | |
| action.close | fa-xmark · regular | b24·i12 · .x 14† | clear / close / sheet (6) | |
| action.dismiss | fa-circle-xmark · regular | .mi 32·12 | segment remove · appt Declined | |
| action.open-external | fa-arrow-up-right-from-square / fa-square-arrow-up-right | .ext 12·10† | task / appt customer link | |
| action.copy-link | fa-link · regular | 24·12 | customer profile | |
| action.download | fa-file-arrow-down / arrow-down-to-line / folder-download / download | 24·12 | docs · mobile title | |
| action.save | fa-floppy-disk · regular | 24·12 | forms | |
| action.refresh / action.round-robin | fa-arrows-rotate / arrow-rotate-right / rotate-right | b32·i14 | topbar / screen refresh | |
| action.reply | fa-reply · regular | 24·12 | activity / email | |
| action.share | fa-share · regular | menu 16 | popover menu | |
| action.send | fa-paper-plane / fa-paper-plane-top | .qa b32 | desktop quick actions | |
| action.approve | fa-thumbs-up · regular | 24·12 | feedback | |
| action.favorite | fa-star · solid | 24·12 | favorites · iconography | |
| action.bookmark | fa-bookmark · regular / solid | 24·12 | saved items | |
| action.like | fa-heart · regular / solid | 24·12 | buttons-widgets | |
| action.mute | fa-bell-slash · regular | b32·i12 | notification settings (6) | |
| action.lock | fa-lock · regular / solid | 24·12 | desking lock | |
| action.unlock | fa-lock-open · regular | 24·12 | desking unlock | |
| action.snooze | fa-alarm-snooze · regular | b32·i12 | desktop screen tasks | |
| action.confirm-appt | fa-calendar-check · regular | .mi 32·12 | appt Confirm · agenda | |
| action.unschedule | fa-calendar-minus · regular | 24·12 | screen-header | |
| action.cancel-appt | fa-calendar-xmark · regular | 24·12 | activity · appt | |
| action.complete | fa-circle-check · regular / solid | .mi 32·12 | appt resolve · toast success | |
| action.mark-missed | fa-circle-question / fa-square-question | .mi 32·12 | appt resolve | |
| action.compare | fa-arrows-left-right · regular | 24·12 | segment / compare | |
| action.view-customer | fa-user · regular | .mi 32·12 | task View · screen-header | |
| action.task | fa-list-check · regular | empty 48·18† | agenda empty · task type | |
| action.copy | fa-clipboard / fa-clipboard-check | 24·12 | copy field · activity (task) |
| Role | FA class · weight | Cell | Used in | |
|---|---|---|---|---|
| comm.call | fa-phone · regular | .mi 32·12 | task Call · customer card (16) | |
| comm.call-active | fa-phone-volume · regular | .ti 12† | activity — call in progress | |
| comm.call-failed | fa-phone-xmark · regular | .ti 12† | activity — call failed | |
| comm.call-declined | fa-phone-slash · regular | .ti 12† | activity / status | |
| comm.message | fa-message · regular | menu 16 | buttons · menus | |
| comm.text | fa-comment-alt-dots · regular | .mi 32·12 | task Text · customer card (SMS) | |
| comm.chat | fa-comment-dots · regular | .ti 12† | activity — text sent | |
| comm.email | fa-envelope · regular | .mi 32·12 | task Email · customer card | |
| comm.email-handle | fa-at · regular | .pre 32·13† | mobile title (email field) | |
| comm.outgoing | fa-arrow-up-right · solid | .dir 12† | activity direction (out) | |
| comm.incoming | fa-arrow-down-left · solid | .dir 12† | activity direction (in) |
| Role | FA class · weight | Cell | Used in | |
|---|---|---|---|---|
| status.check | fa-check · regular / solid | .ck 11† · radio 7† | menu selected · task done | |
| status.success | fa-circle-check · solid | toast 24·12 | toast success | |
| status.info | fa-circle-info · regular | b24·i10/i12 | the (i) info button (16) | |
| status.warning | fa-triangle-exclamation · regular / solid | banner 14† · toast | banners · toasts | |
| status.alert | fa-circle-exclamation · solid | toast 24·12 | toast — info | |
| status.flag | fa-flag · regular / solid | menu 16 · .ti 12† | mark hot · activity log | |
| status.loading | fa-spinner · regular | inline | loading rows (mock spinner) | |
| status.scheduled | fa-clock · regular | .ti 12† | activity — scheduled | |
| status.awaiting | fa-user-clock · regular | 24·12 | desktop screen — response | |
| status.instant | fa-bolt · regular | 24·12 | instant / live indicator | |
| status.new-lead | fa-seedling · regular | 24·12 | new-lead marker | |
| status.caret | fa-angle-down · regular | .cv 12 in 24 | .sb-statusdd colored status dropdowns — caret matches the status 01 color | |
| status.appt-confirmed | fa-calendar-check · regular | inline 12 | Showroom Anticipated-card status glyph, leading the colored 'Confirmed' text (locked blue-01; Taylor's R3b mock showed green-01 — pending ruling) | |
| status.appt-missed | fa-person-xmark · regular | inline 12 | Showroom Anticipated-card 'Missed' glyph (red-01, time struck) — distinct from action.miss fa-user-xmark on the check-in/miss movers | |
| status.appt-unconfirmed | fa-calendar-question · regular | inline 12 | Showroom Anticipated-card 'Unconfirmed' glyph (orange-01 — display alias of Set) | |
| metric.delta-up | fa-arrow-up-long · solid | .delta 8† · .bd 10 | statscard trend · showroom big metrics (semantic color) | |
| metric.delta-down | fa-arrow-down-long · solid | .delta 8† · .bd 10 | statscard trend · showroom big metrics (semantic color) | |
| table.sort | fa-sort-down / arrow-down-arrow-up / arrow-up-arrow-down / caret-up | .sort 10† | table header · screen-header | |
| media.play | fa-play · solid | player | activity call recording | |
| system.battery | fa-battery-three-quarters · solid | .sysi 13† | mobile status bar | |
| system.wifi | fa-wifi · solid | .sysi 13† | mobile status bar | |
| system.signal | fa-signal-bars · solid | .sysi 13† | mobile status bar | |
| operator.equals | fa-equals · regular | 24·12 | segment builder condition | |
| operator.gte | fa-greater-than-equal · regular | 24·12 | segment builder condition | |
| operator.lte | fa-less-than-equal · regular | 24·12 | segment builder condition |
| Role | FA class · weight | Cell | Used in | |
|---|---|---|---|---|
| entity.vehicle | fa-car-side / fa-car · regular / solid | 24·12 | deal vehicle · sec rows | |
| entity.vin | fa-barcode · regular | 24·12 | vehicle stock / VIN | |
| entity.person | fa-circle-user / fa-user · regular | .ai 12† | activity author · avatars fallback | |
| entity.subscribers | fa-user-friends · regular | subbtn 22·10† | appt subscribers | |
| entity.opted-out | fa-user-slash · regular | 24·12 | comms opt-out | |
| entity.removed-user / action.miss | fa-user-xmark · regular | 24·12 | screen-header | |
| action.check-in | fa-user-check · regular | .mi 12 | showroom visit card — check-in mover (green-01) | |
| entity.license | fa-id-card · regular | 24·12 | customer profile | |
| entity.deal | fa-handshake · regular | empty 48·18† | deals empty state | |
| entity.document | fa-file · regular | dicon 24·12 | docs tab | |
| entity.credit-app | fa-file-invoice-dollar · regular | dicon 24·12 | docs — credit app | |
| entity.deal-folder | fa-folder-download / fa-folder / fa-folder-open | dicon 24·12 · .ti† | docs · activity | |
| entity.deal-deleted | fa-folder-xmark · regular | .ti 12† | activity — deal deleted | |
| entity.note | fa-note-sticky · regular | .ti 12† | activity — note | |
| entity.task-created | fa-clipboard-check · regular | .ti 12† | activity — task created | |
| entity.appointment | fa-calendar · regular | 24·12 · .ti† | activity · datepicker · header | |
| entity.birthdate | fa-cake-candles · regular | box48·16 | customer profile | |
| entity.address | fa-location-dot · regular | box48·16 | customer profile (6) | |
| entity.website | fa-globe · regular | 24·12 | traffic source | |
| entity.deal-value | fa-circle-dollar / badge-dollar / square-dollar | 24·12 · .ti† | desktop screen · activity deposit | |
| entity.tag | fa-tags / fa-tag · regular | 24·12 | customer tags · desktop screen | |
| entity.ai | fa-sparkles · regular | 24·12 | Daisi AI summary | |
| entity.campaign | fa-megaphone · regular | 24·12 | screen-header |
These usages hardcode font-size directly instead of inheriting a standard cell (IconBox 24·12 / IconButton b24·b32 / MultiuseSelector .mi 32·12):
· Context-menu ellipsis — .sb-cardmenu (Round-C atom ← tk-menu / ap-menu / desc .menu) / .sb-stamp .menu = 13px
· External-link glyph — .sb-extlink (Round-C atom ← tk-name/ap-name/dealrow .ext) = 10px in a 12px box
· Mobile status bar — .sb-mh-status .sysi (battery/wifi/signal) = 13px
· Stat delta arrows — .sb-stat .delta i = 8px · table sort .sb-table th .sort = 10px
· Empty-state glyph — .sb-empty i = 18px in a 48px tile · legacy bottom-nav .sb-bottomnav .tab i = 18px
· Views/rail/sheet — .sb-viewitem .vi-ico 16px · .sb-dealersel .ds-ico 14px · .rail-collapse / .sb-sheet-title .x 14px · .sb-cal-head .nav 12px
· Activity row glyphs — .sb-stamp .ai / .dir 12px · .sb-bubble .ti · search/field affordances .sb-search .lead 13 / .sb-field .pre/.suf 13
✓ No undocumented raw colors or fonts found. components.css uses literals only for the documented exceptions: the bottom-sheet scrim rgba(0,0,0,.5) + sheet shadow rgba(0,0,0,.35) (no byte-equal token, commented) and the image-viewer overlay rgba(255,255,255,.8/.5); the only literal type is the micro-text off-ramp (status-bar clock 600 14px/1, count badge 500 10px/1, bottom-nav avatar pic). The Theme-Swap card prints hex values by design (it is the token reference). This rebuild also normalized the old .box.p{color:#fff} in this card to var(--global-white).