The Tabler sort ascending icon visually represents arranging items from smallest to largest or A to Z, commonly used in UIs to indicate an upward sorting order.
Common uses
- Sorting a list of products by price (low to high).
- Ordering search results alphabetically (A-Z).
- Applying an ascending sort to a data table column.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSortAscending } from '@tabler/icons-react';
<IconSortAscending size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- filterclassifyarrangeordersortascendingtypographywritingfontcharactertextsort uporder ascendingalphabetical sort
FAQ
- What does the sort ascending icon represent?
- It signifies an upward sorting order, typically from smallest to largest or alphabetically from A to Z.
- How do I use this icon in React?
- Import it using `import { IconSortAscending } from '@tabler/icons-react'` and use it as a React component.
- What is the license for this icon?
- The Tabler icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →