diff --git a/dist/leaflet.awesome-markers.css b/dist/leaflet.awesome-markers.css
index 1ce0193a8..28b1e6d58 100644
--- a/dist/leaflet.awesome-markers.css
+++ b/dist/leaflet.awesome-markers.css
@@ -23,12 +23,16 @@ Version: 1.0
 }
 
 .awesome-marker i {
-  color: #fff;
+  color: #333;
   margin-top: 10px;
   display: inline-block;
   font-size: 14px;
 }
 
+.awesome-marker .icon-white {
+  color: #fff;
+}
+
 /* Colors */
 .awesome-marker-icon-red {
   background-position: 0 0;
diff --git a/dist/leaflet.awesome-markers.js b/dist/leaflet.awesome-markers.js
index e4758fdd9..04424bed5 100644
--- a/dist/leaflet.awesome-markers.js
+++ b/dist/leaflet.awesome-markers.js
@@ -23,7 +23,8 @@ L.AwesomeMarkers.Icon = L.Icon.extend({
     shadowSize: [36, 16],
     className: 'awesome-marker',
     icon: 'home',
-    color: 'blue'
+    color: 'blue',
+    iconColor: 'white'
   },
 
   initialize: function (options) {
@@ -54,7 +55,9 @@ L.AwesomeMarkers.Icon = L.Icon.extend({
     }else{
       iconClass="icon-"+this.options.icon;
     }
-    return "<i class='" + iconClass + (this.options.spin ? " icon-spin" :"") + "'></i>";
+    return "<i class='" + iconClass 
+    + (this.options.spin ? " icon-spin" :"") 
+    + (this.options.iconColor ? " icon-" + this.options.iconColor :"") + "'></i>";
   },
 
   _setIconStyles: function (img, name) {