title: how to use awersome icons library in leaflet
body: <p>I'm trying to use the awesome icons library with leaflet. I'm including these libraries as well as the bootstrap like follows:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="~/lib/leaflet/leaflet.css" /&gt;
  &lt;link rel="stylesheet" href="~/lib/Leaflet.awesome-markers/leaflet.awesome- 
  markers.css" /&gt;
  &lt;link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font- 
  awesome.css" rel="stylesheet"&gt;
  &lt;link 
   href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
  rel="stylesheet"&gt;
  &lt;script src="~/lib/leaflet/leaflet.js"&gt;&lt;/script&gt;
  &lt;script src="~/lib/Leaflet.awesome-markers/leaflet.awesome-markers.js"&gt; 
  &lt;/script&gt;
  
  
  var mymap = L.map('Lmap').setView([41.607116, 2.286993], 10);
  
  L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      maxZoom: 18,
      fadeAnimation: false,
      zoomAnimation: false,
      markerZoomAnimation: false,
      attribution: '&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors',
  }).addTo(mymap);
  
  
  var redMarker = L.AwesomeMarkers.icon({
      icon: 'coffee',
      markerColor: 'red'
  });
  
  var yellowMarker = L.AwesomeMarkers.icon({
      icon: 'star',
      markerColor: 'orange'
  });
  
  var greenMarker = L.AwesomeMarkers.icon({
      icon: 'spinner',
      markerColor: 'green'
  });
  
      var markers = [
      L.marker([41.349412, 2.151421], {
          title: 'Martainer',
          id: '1',
          icon: redMarker
      }).addTo(mymap).bindPopup('&lt;b&gt;Localización: &lt;/b&gt; Martainer' + '&lt;br /&gt;&lt;b&gt;Tipo: &lt;/b&gt; Contador de ejes'),
      L.marker([41.580323, 2.285579], {
          title: 'Granollers',
          id: '5',
          icon: greenMarker
      }).addTo(mymap).bindPopup('&lt;b&gt;Localización: &lt;/b&gt; Granollers' + '&lt;br /&gt;&lt;b&gt;Tipo: &lt;/b&gt; Contador de ejes'),
      L.marker([42.858531, -2.682275], {
          title: 'Vitoria',
          id: '7',
          icon: yellowMarker
      }).addTo(mymap).bindPopup('&lt;b&gt;Localización: &lt;/b&gt; Vitoria' + '&lt;br /&gt;&lt;b&gt;Tipo: &lt;/b&gt; Contador de ejes')
  ]
  </code></pre>
  
  <p>My problem is that I'm just seeing a few icons like the home or the start...
  I would like to see all the icons that it is said I should be able to use. Why I can't use for example the train? How can I do it? Should I download these icons into my project? 
  I'm following these steps:
  <a href="https://github.com/sigma-geosistemas/Leaflet.awesome-markers" rel="nofollow noreferrer">https://github.com/sigma-geosistemas/Leaflet.awesome-markers</a>
  Thank you</p>