Navigation Pin Circle Badge color filled icon
Outline icon of a map location pin standing on an oval base inside a circular frame
Related tags
About the Navigation Pin Circle Badge color filled icon
A teardrop map marker with a hollow ring at its center points down into a flat elliptical base that reads as ground or shadow, and the pair sits centered inside a thin circular frame. It communicates location, address, navigation and place search. Use it for map app toolbars, store locator buttons, delivery tracking screens, travel website contact blocks and event venue listings.
The pin's tip meets the ellipse exactly at its midpoint so the marker looks planted rather than floating, and the outer circle leaves a generous margin on all sides. It pairs with compass, route, globe and headset icons drawn with the same circular frame. Use it as a standalone map button rather than inline with text.
This is the colour filled version of the navigation pin circle badge 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.
