diff --git a/app/assets/javascripts/darkswarm/directives/shipping_type_selector.js.coffee b/app/assets/javascripts/darkswarm/directives/shipping_type_selector.js.coffee
index 586dde36ea..856b6dcac2 100644
--- a/app/assets/javascripts/darkswarm/directives/shipping_type_selector.js.coffee
+++ b/app/assets/javascripts/darkswarm/directives/shipping_type_selector.js.coffee
@@ -7,8 +7,10 @@ Darkswarm.directive "shippingTypeSelector", (FilterSelectorsService)->
       delivery: false
 
     scope.selectors = 
-      delivery: FilterSelectorsService.new()
-      pickup: FilterSelectorsService.new()
+      delivery: FilterSelectorsService.new
+        icon: "ofn-i_039-delivery"
+      pickup: FilterSelectorsService.new
+        icon: "ofn-i_038-takeaway"
       
     scope.emit = ->
       scope.shippingTypes =
diff --git a/app/assets/javascripts/templates/shipping_type_selector.html.haml b/app/assets/javascripts/templates/shipping_type_selector.html.haml
index b0300857b4..ee01002669 100644
--- a/app/assets/javascripts/templates/shipping_type_selector.html.haml
+++ b/app/assets/javascripts/templates/shipping_type_selector.html.haml
@@ -1,3 +1,4 @@
 %ul.small-block-grid-4
   %active-selector{"ng-repeat" => "(name, selector) in selectors"}
+    %i{"ng-class" => "selector.icon"}
     {{ name | capitalize }}