Road color filled icon
Outline icon of a straight road with dashed center lane markings
About the Road color filled icon
This icon shows a straight road marked with two solid outer lane lines and a dashed center line, drawn from a flat top-down view. It represents streets, highways, driving directions, and transportation routes. Use it in map apps, navigation interfaces, delivery trackers, travel websites, or traffic dashboards where a simple road symbol communicates movement or route planning.
The design uses two parallel solid lines framing a row of evenly spaced dashes, keeping proportions simple and legible at small sizes. It pairs well with car, map pin, and signpost icons for a complete navigation set. Works best at 24px or larger to keep the dashes visible.
This is the colour filled version of the road icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.
