Arrow Symbols Reference

Upward arrow - Navigation, increase, improvement, or moving up

Used in navigation interfaces, indicating increases, improvements, or upward movement. Common in user interfaces for scroll up, move up, or increase value actions.

Right arrow - Forward direction, next step, or progression

Indicates forward movement, next steps, or progression. Widely used in presentations, navigation menus, and workflow diagrams to show direction or sequence.

Downward arrow - Navigation, decrease, or moving down

Used for downward navigation, indicating decreases, or downward movement. Common in dropdown menus, scroll down actions, and decrease value controls.

Left arrow - Backward direction, previous step, or return

Indicates backward movement, previous steps, or return actions. Essential for back buttons, previous navigation, and undo operations in user interfaces.

Horizontal arrow - Bidirectional movement or exchange

Shows bidirectional horizontal movement or exchange. Used to indicate swap functions, bidirectional connections, or horizontal resizing capabilities.

Vertical arrow - Bidirectional vertical movement or resize

Indicates bidirectional vertical movement or resizing. Common in interface elements for vertical resizing, sorting, or showing vertical expansion capabilities.

Northwest arrow - Diagonal movement to upper left

Shows diagonal movement toward upper left. Used in directional navigation, map interfaces, and positioning controls for northwest movement.

Northeast arrow - Diagonal movement to upper right

Indicates diagonal movement toward upper right. Common in external link indicators, expansion arrows, and northeast directional navigation.

Southeast arrow - Diagonal movement to lower right

Shows diagonal movement toward lower right. Used in resize handles, southeast navigation, and indicating downward-rightward flow or direction.

Southwest arrow - Diagonal movement to lower left

Indicates diagonal movement toward lower left. Common in southwest navigation controls, directional indicators, and diagonal positioning interfaces.

Bold horizontal exchange - Strong bidirectional flow

Emphasizes strong bidirectional horizontal exchange. Used for swap operations, transfer functions, and indicating robust two-way horizontal communication.

Bold vertical exchange - Strong vertical movement

Shows strong bidirectional vertical movement or exchange. Used for vertical sorting, reordering, or indicating robust up-down operations.

Bold horizontal flow - Emphasis on exchange

Emphasizes horizontal exchange with strong visual weight. Perfect for swap functions, exchange operations, and bidirectional data flow indicators.

Extended left arrow - Strong backward direction

Provides extended visual emphasis for leftward movement. Used for strong back actions, extended return paths, or emphasized backward navigation.

Extended right arrow - Strong forward direction

Provides extended visual emphasis for rightward movement. Used for strong forward actions, extended progression paths, or emphasized forward navigation.

Extended bidirectional - Strong two-way flow

Shows extended bidirectional flow with strong visual emphasis. Perfect for indicating robust two-way connections, extended exchange operations, or emphasized bidirectional relationships.