=== Background & Goal
- **Description:** Codex's Table component is currently in its exploratory design phase (T303320). One of the basic features that the table could present, already in its MVP version, is sorting. Sorting allows users applying a descending or ascending order to the data contained by the table based on the contents of a specific column.
- **History:** Growth experiments needs a Codex replacement for the sort icon that they created for the Mentee overview table in order to remove dependencies with jquery and MW core (see T311396).
- **Known use case(s):** Sorting is default table functionality. The option is present in MW tables and implemented via a CSS class (.headerSort), as well as in projects like the Mentor Dashboard. [More use cases will be added here once we conduct further inventory]
- **Considerations:** It's important to indicate the sorting direction to users once they activate sorting by clicking on column headers. This could be done either by removing the opposite arrow, or by coloring the active direction. The former option might involve needing to create three different icons (but only in case we cannot reuse the existing "UpTriangle-upArrow" and "DownTriangle-downArrow", which is likely).
=== User stories
As a ystem designer / developer, I would like to have access to a standard sorting icon so that I can use it to enable sorting functionality in the new Codex table component.
As a designer / developer, I would like to have access to a standard sorting icon so that I can use it to enable sorting functionality in Vue tables.
=== Considerations //(Optional)//
=== Open questions
- I'm unsure whether we need to include this icon in OOUI. Any clarity here would be appreciated.
=== Proposal
//Once the icon proposal has been defined, it will be explained in this section, so any user can easily find and understand it.//
=== Design spec
//Once the icon spec sheet has been created, the Figma file should be included here.//
=== SVG icon
//Once the icon has been created, we will export it in SVG format and add it here.//
=== Acceptance criteria for Done
**Design**
[ ] The design of the new icon is ready, and it follows our [icon system guidelines](https://doc.wikimedia.org/codex/latest/style-guide/icons.html)
[ ] The new icon has been reviewed with help from the DST
[ ] An RTL icon has been created //(if needed)//
[ ] The icon is recognizable on low DPI resolutions
[ ] The icon has been exported as an optimized SVG and added to this task’s description
[ ] The new icon has been included and published in our [Icon System Figma library](https://www.figma.com/file/1lT9LKOK6wiHLnpraMjP3E/%E2%9D%96-Assets-(Icons%2C-Logos%2C-Illustrations)?type=design&node-id=3295-13631&t=7enEmmEPJCTCpfRG-11)
**Code**
[ ] Add icon in Codex
**Documentation**
[ ] Update {T141801}