The Phosphor sort descending icon visually represents a list of items arranged from highest to lowest value, commonly used to initiate or indicate a descending sort order in user interfaces.
Common uses
- Sorting a table column from Z to A.
- Applying a descending filter to a product list.
- Indicating the current sort order is descending.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SortDescending } from '@phosphor-icons/react';
<SortDescending size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SortDescending size={24} />thin
<SortDescending size={24} weight="thin" />light
<SortDescending size={24} weight="light" />bold
<SortDescending size={24} weight="bold" />fill
<SortDescending size={24} weight="fill" />duotone
<SortDescending size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- editor
- Keywords
- *updated*sortedsortingdecreasingz to aarrowslisteditorsortdescendingdescending ordersort z to areverse sortdecreasing list
FAQ
- What does the sort descending icon represent?
- It signifies arranging data in a descending order, typically from Z to A or highest to lowest value.
- How do I use this icon in React?
- Import it using `import { SortDescending } from '@phosphor-icons/react'` and render it as a component.
- What is the license for this icon?
- The Phosphor icon set, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →