Navigation color filled icon
Outline navigation pointer arrow inside two concentric circles
About the Navigation color filled icon
A slim navigation arrow, the familiar paper-plane pointer, sits at the center of two concentric rings that read as a compass dial or locator target. The combination stands for direction, current position and route guidance. Use it for map controls, GPS and ride-hailing apps, fitness route trackers, travel websites and dashboard location widgets.
Everything is built from even-weight curves and straight lines, and the arrow tilts up to the right so the mark feels in motion. It pairs with map marker, compass and route icons. As a button, 24 px works: the inner arrow stays clear even when the outer ring thins.
This is the colour filled version of the navigation icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
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.
