Arrow Symbols: A Practical Direction and Navigation Guide

01

The core directional set

The four basic arrows ← ↑ → ↓ have broad support and clear meaning. Diagonal arrows add compass-like movement, while ↔ and ↕ describe two-way relationships.

Use these established forms for general navigation before reaching for more ornamental arrows.

02

Single versus double arrows

In mathematics and logic, ⇒ can mean implication and ⇔ can mean equivalence. In ordinary documents, people also use double arrows for emphasis—but that can be misleading in technical contexts.

Long arrows, harpoons and paired arrows have specialized uses in chemistry, mappings and transformations.

03

Interface arrows need labels

An arrow can support Previous, Next, Download or Open, but direction conventions differ with reading direction and product layout.

Provide an accessible label, a generous target and a visible focus state. Do not use a character alone when the action could be mistaken.

✦

The visual arrow points somewhere; the label explains what will happen.

04

Typography and spacing

Arrows often need space on both sides in prose. In equations, follow the notation style of the discipline. In buttons, align the character optically rather than assuming its font box is centered.

If an arrow is decorative, choose a weight close to the surrounding text so it does not dominate.

05

The conventions readers already know

Arrow conventions in interfaces are strong enough that breaking them causes real confusion. A triangular arrowhead without a shaft means play, or expand this section. A chevron means navigate onward, or reveal more. A shafted arrow means direction or movement. A double-shafted arrow, in any technical context, means logical implication.

Readers have absorbed these without ever being taught them, which is precisely why an unconventional choice reads as a mistake. Matching the shape to the established job costs nothing and removes a small friction from every encounter with the control.

06

Arrows and reading direction

An arrow meaning next points right for a reader of English and left for a reader of Arabic or Hebrew. Directional symbols are relative to reading order, not absolute, so an interface that hard-codes a rightward arrow for forward will point backwards once it is translated.

Interface frameworks handle this by flipping directional icons under a right-to-left layout. A directional arrow typed as a literal character in body text does not get that treatment, which is a good reason to keep arrows in interface chrome rather than in the sentences themselves when a translation is likely.

07

Arrows in documentation and diagrams

Technical writing has its own arrow conventions, and following them makes instructions easier to scan. A right arrow between two labels denotes a navigation path through menus. A rightwards arrow from a term to a definition reads as maps to. In notation, the double arrow means implies and the bidirectional double arrow means if and only if.

Keep the set small. A document using two arrow forms consistently is clearer than one drawing on eight, and the reader learns the convention within a page. Where an arrow indicates a required action rather than a relationship, put the action in words as well, since a directional glyph alone tells a screen-reader user very little.

08

Copy the symbols discussed in this guide

This guide explains the topic. Use arrow symbols for the main copyable set, compare it with up arrow symbols, and browse down arrow symbols for another useful angle. Each collection includes searchable Unicode names and HTML references.

More collections covered by this guide

The same ideas also help when you browse circle symbols, triangle symbols, square symbols, rectangle symbols, and diamond symbols. Open any collection to compare exact Unicode names, code points, and copy-ready forms.