Mapquest routes using custom icons <p>I'm using Mapquest's Javascript API for leaflet.</p> <p>My code looks like this: </p> <pre><code>dir = MQ.routing.directions() .on('success', function (data) { console.log(data); var legs = data.route.legs; var maneuvers; if (legs &amp;&amp; legs.length) { maneuvers = $.map(legs[0].maneuvers, function(m) { return new Maneuvers(m); }); self.maneuvers(maneuvers); } }); dir.route({ locations: [ self.from(), self.to() ] }); map.addLayer(MQ.routing.routeLayer({ directions: dir, fitBounds: true })); </code></pre> <p>The results I get looks like this: <a href="https://i.stack.imgur.com/aBg5h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aBg5h.png" alt="enter image description here"></a> Although, this looks good, the icons don't look anything like the Get Direction module on mapquest.com <a href="https://i.stack.imgur.com/OK5TT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OK5TT.png" alt="enter image description here"></a></p> <p>How can I change the icons so that they look more modern?</p>