title: Add custom icons to Leaflet Draw toolbar
body: <p><strong>Note:</strong> Simular post to <a href="https://stackoverflow.com/questions/44381913/change-default-icon-toolbar-leaflet">change default icon toolbar (Leaflet)</a>.</p>
  <p>I am trying to add a custom icon for the leaflet Draw toolbar. But i can't seem to figure out how.</p>
  <p><a href="https://i.stack.imgur.com/6tDUD.png" rel="nofollow noreferrer">Leaflet draw toolbar</a></p>
  <p>As seen on the image, I have two markers. The goal is to change one of the icons in the toolbar. My code is the following:</p>
  <pre><code>L.DrawToolbar.include({
            getModeHandlers: function (map) {
                return [          
                    {
                        enabled: true,
                        handler: new L.Draw.Polyline(map, { metric: true, repeatMode: true }),
                        title: '...'
                    },
                    {
                        enabled: true,
                        handler: new L.Draw.Polygon(map, { allowIntersection: false, showArea: true, metric: true, repeatMode: false }),
                        title: '...'
                    },
                    {
                        enabled: true,
                        handler: new L.Draw.Marker(map, { icon: new L.Icon.Default() }),
                        title: '...'
                    },
                    {
                        enabled: true,
                        handler: new L.Draw.Marker(map, { icon: new L.Icon.Default() }),
                        title: '...'
                    }
                ];
            }
        });
  </code></pre>