Navigation Arrow Compass color outline icon
Navigation arrow cursor pointing up-right inside a dashed ring and outer circle
About the Navigation Arrow Compass color outline 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 outline version of the navigation arrow compass icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
