Arrow icons

The 50 arrow icons in Interface, described

Arrow backarrow-back

Arrow back — the way you came, return to the previous screen.

Arrow big downarrow-big-down

A large outlined arrow pointing down — a bold direction, the emphatic down.

Arrow big leftarrow-big-left

A large outlined arrow pointing left — a bold direction, the emphatic back.

Arrow big rightarrow-big-right

A large outlined arrow pointing right — a bold direction, the emphatic forward.

Arrow big uparrow-big-up

A large outlined arrow pointing up — a bold direction, the emphatic up.

Arrow downarrow-down

An arrow pointing down — move downward, go south, decrease a value or scroll to the bottom.

Arrow down from linearrow-down-from-line

An arrow dropping from a line — let it down, take something down from where it sat.

Arrow down leftarrow-down-left

An arrow pointing to the bottom left corner — back and down, an incoming reply.

Arrow down rightarrow-down-right

An arrow pointing to the bottom right corner — onward and down, towards the end of things.

Arrow down to dotarrow-down-to-dot

An arrow dropping onto a dot — land here, come down to a point.

Arrow down to linearrow-down-to-line

An arrow pointing down at a line — jump to the bottom, move something down as far as it goes.

Arrow down uparrow-down-up

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

External arrowarrow-external

External arrow — it opens somewhere else, in a new tab or another app.

Arrow leftarrow-left

An arrow pointing left — go back, move west or return to the previous screen.

Arrow left from linearrow-left-from-line

An arrow leaving a line to the left — pull out, take something away from the edge.

Arrow left rightarrow-left-right

One arrow with a head at each end, pointing left and right — swap, resize or go either way.

Arrow left to linearrow-left-to-line

An arrow pointing left at a line — go to the very start, first page, first item.

Arrow rightarrow-right

An arrow pointing right — carry on, move east or continue to the next screen.

Arrow right from linearrow-right-from-line

An arrow leaving a line to the right — push out, send something away from the edge.

Arrow right leftarrow-right-left

Two arrows one above the other, one pointing right and one left — an exchange, traffic both ways.

Arrow right to linearrow-right-to-line

An arrow pointing right at a line — go to the very end, last page, last item.

Arrow uparrow-up

An arrow pointing up — move upward, go north, increase a value or scroll to the top.

Arrow up downarrow-up-down

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

Arrow up from dotarrow-up-from-dot

An arrow rising from a dot — start from here and go up, a point of origin.

Arrow up from linearrow-up-from-line

An arrow rising from a line — lift off, take something up from where it sat.

Arrow up leftarrow-up-left

An arrow pointing to the top left corner — go back and up, towards the start of things.

Arrow up to linearrow-up-to-line

An arrow pointing up at a line — jump to the top, move something up as far as it goes.

Chevron downchevron-down

A down-pointing chevron — open what is below, expand a section or drop a menu down.

Chevron firstchevron-first

A chevron pointing left at a line — the very first, the start of the run.

Chevron lastchevron-last

A chevron pointing right at a line — the very last, the end of the run.

Chevron leftchevron-left

A left-pointing chevron — go back to the previous item or close what is open here.

Chevron rightchevron-right

A right-pointing chevron — go forward, move to the next item or expand what comes next.

Chevron upchevron-up

An up-pointing chevron — collapse what is below, show less or go up a level.

Chevrons downchevrons-down

Two chevrons pointing down, one under the other — jump further down, expand all the way.

Chevrons down upchevrons-down-up

A chevron pointing down above one pointing up — collapse, bring the two halves together.

Chevrons leftchevrons-left

Two chevrons pointing left, side by side — go back further, to the first of them.

Chevrons left rightchevrons-left-right

Chevrons pointing out to the left and the right — widen, expand sideways.

Chevrons rightchevrons-right

Two chevrons pointing right, side by side — go forward further, to the last of them.

Chevrons right leftchevrons-right-left

Chevrons pointing in from the left and the right — narrow, collapse sideways.

Chevrons up downchevrons-up-down

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

Corner down rightcorner-down-right

An arrow that goes down and then turns right — a step down into the next line.

Corner left downcorner-left-down

An arrow that goes left and then turns down — come across and drop.

Corner left upcorner-left-up

An arrow that goes left and then turns up — come across and rise.

Corner right downcorner-right-down

An arrow that goes right and then turns down — move along and drop.

Corner right upcorner-right-up

An arrow that goes right and then turns up — move along and rise.

Corner up leftcorner-up-left

An arrow that goes up and then turns left — a step back up to the line before.

Corner up rightcorner-up-right

An arrow that goes up and then turns right — a step up and onward.

Downloaddownload

Download — bring a file, a model or a dataset from somewhere else onto this machine.

Move diagonalmove-diagonal

A diagonal arrow with a head at each end — drag a corner, resize in both directions at once.

Uploadupload

Upload — send a file or data away from here up to a server, a cloud bucket or a model.

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

Narrow it by tag