Pixelarticons

Sort Numeric Pixel Art Icon

A numeric sort icon for ordering tables and lists by number, such as price, quantity, rank, or date values.

arrows Pro 2 variants

Tags

sortnumeric

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Sort Numeric icon

An icon combining number indicators with a sort arrow, for toggling numeric sort on a data column. E-commerce tables sort by price; analytics dashboards sort by count; leaderboards sort by score. This icon makes the numeric ordering intent immediately clear, distinguishing it from alphabetic or custom sorting. Arrow-down-0-1 and arrow-down-1-0 offer explicit labeled variants when the direction also needs to be communicated in the icon itself.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/sort-numeric.svg" width="24" height="24" alt="Sort Numeric" />

<!-- React -->
import { SortNumeric } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="sort-numeric.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons