Back to Explorer
16 - 512
0.5 - 4.0
Save to
mapsoutline
md route
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdRouteIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><g><path d="M19,15.18V7c0-2.21-1.79-4-4-4s-4,1.79-4,4v10c0,1.1-0.9,2-2,2s-2-0.9-2-2V8.82C8.16,8.4,9,7.3,9,6c0-1.66-1.34-3-3-3 S3,4.34,3,6c0,1.3,0.84,2.4,2,2.82V17c0,2.21,1.79,4,4,4s4-1.79,4-4V7c0-1.1,0.9-2,2-2s2,0.9,2,2v8.18c-1.16,0.41-2,1.51-2,2.82 c0,1.66,1.34,3,3,3s3-1.34,3-3C21,16.7,20.16,15.6,19,15.18z M6,7C5.45,7,5,6.55,5,6s0.45-1,1-1s1,0.45,1,1S6.55,7,6,7z M18,19 c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1S18.55,19,18,19z"/></g></g>
</svg>
);SVG Optimizer
Before
0.63 KB
↓
After
0.62 KB
Tags
connectionconnection linecoursedestinationdirection linedirectionsendpointitineraryjourneylinemapmap linemapsnavigationnavigation linepathplottingpoint a to point broadrouteroute linesignstarting pointstreettracetracktraffictrailtraveltravel pathtravel plantwo points
Compare Alternatives
See how other libraries approach this concept.