Sort icons

The 12 sort icons, described

Arrow down uparrow-down-up

Two arrows side by side, one pointing down and one up — a vertical exchange, sort either way.

Arrow up downarrow-up-down

One arrow with a head at each end, pointing up and down — sort, resize or go either way.

Bucketbucket-data

Bucket — every value routed into its bin so the data can be grouped.

Chevrons up downchevrons-up-down

A chevron pointing up above one pointing down — a control that sorts or expands either way.

Clustering keyclustering-key

A clustering key — the column the rows are physically sorted by, so a scan stays small.

Collationcollation

Collation — the rule that decides how text sorts and compares.

Order byorder-by

Order by — the rows handed back in the order the query asked for.

Organise importsorganize-imports

Organise imports — the jumble of imports sorted, deduplicated and tidied.

Reorderreorder

A list beside an up-and-down arrow — drag rows to reorder or sort them by hand.

Rerankerreranker

A reranker — a model that puts retrieved results back in the order of true relevance.

Resequencerresequencer

A resequencer — messages that arrived jumbled, delivered in order.

Triage agenttriage-agent

A triage agent — sorts the pile by priority before anyone opens it.

In code, each is one import — import { ArrowDownUp } from "@iconmind/react/icons/arrow-down-up" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry