Broken Icons in toolbar - macOS/Chrome

Hello, first - thanks for awesome work!

There is little bug i found.

How to reproduce

• Leaflet version I’m using: 1.0.1
• Leaflet Draw version I’m using: ^0.4.0 or master (be0ca82)
• Browser (with version) I’m using: Chrome
• OS/Platform (with version) I’m using: macOS El Capitan

The easiest way how to reproduce is clone current master and open example from docs

$ git clone https://github.com/Leaflet/Leaflet.draw.git
$ open Leaflet.draw/docs/examples/full.html

Then use zoom tool in browser - first icon in every bar has broken icons

What behaviour I’m expecting and which behaviour I’m seeing

Expecting behaviour is that icons are not broken.

Notes

Tried on multiple computers with macOS - The problem seems to be only in Chrome (FF and Safari are ok).

Find out the problem is in CSS (leaflet.draw.css:25) and only if browser uses images/spritesheet.svg . When i changed styles to use images/spritesheet.png - problem disappeared

I would love to send pull-request, but i’m missing experience working with SVG

Thanks!

edit: formating

[ddproxy]

Thanks! I’ll include this in the patch later tonight.

[Twista]

Just tried and works perfectly. Awesome - Thank you for very quick fix!