1. Icon Monks
2. Arrows icons
3. Direction Arrows

Direction Arrows icon

A free direction arrows icon from the Arrows set, useful for d-pad, arrows, directions, navigate. It comes in six weights and is free for personal and commercial use under the MIT license.

SVG

SVG

SVG

SVG

SVG

SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the direction arrows icon in your code

import { DirectionArrows } from '@icon-monks/react';

<DirectionArrows size={24} />

<script setup>
import { DirectionArrows } from '@icon-monks/vue';
</script>

<DirectionArrows :size="24" />

<icon-monks name="direction-arrows" size="24"></icon-monks>

<i class="im im-direction-arrows"></i>

Icon(IconMonks.directionArrows)

Image(iconMonks: .directionArrows)

Icon(IconMonks.Regular.DirectionArrows, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

• d-pad
• arrows
• directions
• navigate

Related arrows icons

• arrows-clockwise-sparkle
• arrows-double-ne-sw
• arrows-double-nw-se
• arrows-double-se-nw
• arrows-double-sw-ne
• arrows-down
• arrows-join
• arrows-left
• arrows-merge
• arrows-move-horizontal
• arrows-move-vertical
• arrows-out-cardinal
• arrows-out-line-horizontal
• arrows-right
• arrows-transfer-diagonal
• arrows-transfer-diagonal-circle
• arrows-transfer-diagonal-square
• arrows-transfer-down

See all 276 arrows icons