Distance black filled icon
Two map pins joined by a dashed curving route showing distance between points
About the Distance black filled icon
Two map pins connected by a dashed S-shaped trail: a large pin with a ring centre at the top, a smaller one at the lower right, and a curving dotted route running between them to show the stretch of ground covered. It communicates travel length, route planning and trip estimates. Use it in navigation apps, ride-hailing fare screens, delivery tracking, fitness route summaries and logistics dashboards.
The pins differ in scale to suggest near and far, and the evenly spaced dashes read as a measured path rather than a solid road. It sits well beside route, compass and speedometer icons. Keep it at 32 px or larger so the dashes stay separate.
This is the solid black filled version of the distance icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
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.
