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.

Double stroke left arrow - Strong leftward direction

Provides strong emphasis for leftward movement with double stroke design. Used for heavy backward navigation, strong return actions, or emphasized left directional flow.

Double stroke right arrow - Strong rightward implication

Shows strong rightward direction with double stroke emphasis. Perfect for logical implications, strong forward movement, or emphasized progression in mathematical and logical contexts.

Double stroke bidirectional - Strong equivalence

Indicates strong bidirectional relationship with double stroke design. Used for logical equivalence, strong two-way implications, or emphasized bidirectional mathematical relationships.

Curved right arrow - Smooth rightward turn

Shows curved or hooked rightward movement. Used for smooth transitions, return paths, or indicating curved flow in processes and workflows.

Curved left arrow - Return or reply action

Indicates return, reply, or curved leftward movement. Common for reply buttons, return actions, and showing curved backward flow in user interfaces.

Curved arrow upward right - Diagonal curved movement

Shows curved movement from right to up direction. Used for indicating diagonal upward transitions, curved navigation paths, or smooth directional changes.

Curved arrow downward right - Diagonal curved descent

Indicates curved movement from right to down direction. Used for showing curved descent paths, dropdown indicators, or smooth downward directional transitions.

Refresh symbol - Circular reload or refresh action

Universal refresh and reload symbol. Used for refresh buttons, sync indicators, and showing circular refresh or reload operations in applications and websites.

Clockwise rotation - Right rotation indicator

Indicates clockwise rotation or right-turning circular movement. Used for rotation controls, time progression, and clockwise directional indicators.

Counterclockwise rotation - Left rotation indicator

Shows counterclockwise rotation or left-turning circular movement. Used for reverse rotation controls, undo operations, and counterclockwise directional flow.

Triple upward arrow - Strong upward emphasis

Provides maximum upward emphasis with triple arrow design. Used for strong upward movement, high priority up actions, or emphasized vertical ascent indicators.