City Map Pin Circle color filled icon
Location map pin standing on a folded street map inside a circle outline
Related tags
About the City Map Pin Circle color filled icon
A teardrop map marker with a ring center sits on a wide trapezoidal sheet that reads as a folded street map, all enclosed in a thin circular badge. Together the parts say 'find this place': a pinned address on a city plan. Use it for store locator buttons, navigation and ride-hailing apps, delivery tracking screens, travel brochures and contact pages that open directions.
The composition stacks a tall pin over a low, perspective-angled map panel, so the marker stays legible even at small sizes while the base grounds it. The enclosing circle matches other badge-style navigation marks, letting it sit beside compass, route and pin-drop icons. Keep it at 24 px or larger so the pin's inner ring does not fill in.
This is the colour filled version of the city map pin circle 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.
