title: custom marker icon with react-leaflet
body: <p>I tried everything I found on the web, Stackoverflow and Github, and I still can't make it.</p>
  
  <p>I want to make a custom marker with a custom icon, but with my code below I always got an error : 'TypeError: options.icon.createIcon is not a function'</p>
  
  <p>Here is my code (no error on the paths to folders, everything is in src/js or src/img)</p>
  
  <p><strong>Icon.js</strong></p>
  
  <pre><code>import L from 'leaflet';
  
  const iconPerson = L.Icon.extend({
    options: {
      iconUrl: require('../img/marker-pin-person.svg'),
      iconRetinaUrl: require('../img/marker-pin-person.svg'),
      iconAnchor: null,
      popupAnchor: null,
      shadowUrl: null,
      shadowSize: null,
      shadowAnchor: null,
      iconSize: new L.Point(60, 75),
      className: 'leaflet-div-icon'
    }
  });
  
  export { iconPerson };
  </code></pre>
  
  <p><strong>MarkerPinPerson</strong></p>
  
  <pre><code>import React from 'react';
  import { Marker } from 'react-leaflet';
  import {  iconPerson  } from './Icons';
  
  
  export default class MarkerPinPerson extends React.Component {
  
    render() {
  
      return (
        &lt;Marker
          position={this.props.markerPosition}
          icon={ iconPerson }
          &gt;
        &lt;/Marker&gt;
        );
    }
  }
  </code></pre>
  
  <p>Really looking for your help !</p>