Directions Pixel Art Icon
A directions icon for turn-by-turn navigation, 'Get directions' buttons and route-planning features in maps.
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Directions icon
A signpost with arrows pointing different ways, the universal symbol for wayfinding. Place it on a 'Get directions' button in a store locator, as the trigger for a navigation mode in a map view, or on a help screen that guides users through a multi-step flow. It implies choice of route or mode. For a single destination pin, the location icon is more precise; when showing a full journey path, pairing this with the road icon adds context.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/directions.svg" width="24" height="24" alt="Directions" />
<!-- React -->
import { Directions } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="directions.svg" width="48" height="48" style="image-rendering: pixelated" />