title: Leaflet custom marker icon scale to zoom
body: <p>I use Leaflet to draw an OpenStreetMap and attach it with a custom icon marker</p>
  
  <pre><code>var mymap = L.map('mapid').setView([x, y], 13);
  
      L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
          attribution: 'Map data &amp;copy; &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors, &lt;a href="http://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, Imagery © &lt;a href="http://mapbox.com"&gt;Mapbox&lt;/a&gt;',
          maxZoom: 18,
          id: ID,
          accessToken: accessToken
      }).addTo(mymap);
  
      var busIcon = new L.Icon({
          iconUrl: 'images/marker/bus.png',
          // shadowUrl: 'images/leaflet/marker-shadow.png',
          iconSize: [12, 12],
          iconAnchor: [12, 41],
          popupAnchor: [1, -34],
          // shadowSize: [41, 41]
      });
  
      var marker = L.marker([x, y],{icon:busIcon}).addTo(mymap);
  
      mymap.on('zoomed', function() {
          var currentZoom = mymap.getZoom();
          busIcon = new L.Icon({
              iconUrl: 'images/marker/bus.png',
              iconSize: [mymap.getZoom*2, mymap.getZoom*2],
              iconAnchor: [12, 41],
              popupAnchor: [1, -34],
          });
          marker.setIcon(busIcon);
      });
  </code></pre>
  
  <p>Now I want to resize my marker icon depending on zoom level. There's something wrong in my above code. What should I do? If marker is a <code>CircleMaker</code>, there is a <code>setRadius</code> function for me to handle this with ease. But in this case the marker is a custom icon, I tried as above and failed. How to fix it?</p>