Route Map Pins color filled icon

About the Route Map Pins color filled icon

Inside a thin circular frame, an S-shaped path curves between two teardrop map pins, one marking the start at lower left and one the destination at upper right, each with a hollow center dot. The bend in the path implies real streets rather than a straight line. Use it for navigation and directions buttons, delivery and courier tracking, travel itinerary planners, ride-hailing pickup screens and logistics dashboards.

The route is drawn as a double line so it reads as a road rather than a stroke, and the two pins sit on a diagonal that fills the circular frame evenly. It matches other badge-framed location icons such as compass and destination flag. Use 32 px or larger so the gap inside the road line stays open.

This is the colour filled version of the route map pins 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.