Navigation Arrow Compass color filled icon
Navigation arrow cursor pointing up-right inside a dashed ring and outer circle
About the Navigation Arrow Compass color filled icon
A slim arrowhead cursor points up and to the right, centered inside a broken inner ring that is itself enclosed by a solid outer circle. The gapped ring suggests a compass dial in motion. It communicates direction, location tracking and wayfinding, and fits map and GPS apps, ride hailing screens, recenter and locate-me buttons, travel booking pages and delivery tracking dashboards.
The arrow's concave tail gives it the familiar cursor silhouette, and the two ring layers add depth without extra weight since all strokes stay uniform. It pairs with map pin, compass, route and globe icons in the library. Below 24 px, drop the dashed ring and keep only the arrow and outer circle.
This is the colour filled version of the navigation arrow compass icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
