diff --git a/app/assets/images/icon-mask-apple.png b/app/assets/images/icon-mask-apple.png
new file mode 100644
index 0000000000..87bfa91bb8
Binary files /dev/null and b/app/assets/images/icon-mask-apple.png differ
diff --git a/app/assets/images/icon-mask-bread.png b/app/assets/images/icon-mask-bread.png
new file mode 100644
index 0000000000..d5c29d96ff
Binary files /dev/null and b/app/assets/images/icon-mask-bread.png differ
diff --git a/app/assets/images/icon-mask-magnifier.png b/app/assets/images/icon-mask-magnifier.png
new file mode 100644
index 0000000000..7f53b7db9d
Binary files /dev/null and b/app/assets/images/icon-mask-magnifier.png differ
diff --git a/app/assets/images/icon-mask-truck.png b/app/assets/images/icon-mask-truck.png
new file mode 100644
index 0000000000..40550f98c2
Binary files /dev/null and b/app/assets/images/icon-mask-truck.png differ
diff --git a/app/assets/stylesheets/darkswarm/home_panes.css.sass b/app/assets/stylesheets/darkswarm/home_panes.css.sass
index 5e6f772755..463946a0e4 100644
--- a/app/assets/stylesheets/darkswarm/home_panes.css.sass
+++ b/app/assets/stylesheets/darkswarm/home_panes.css.sass
@@ -52,6 +52,22 @@
       margin-top: 0
     i
       font-size: 4rem
+    a
+      display: block
+      width: 64px
+      height: 64px
+      margin: 0 auto
+      background-color: $australia-orange
+      background-position: center center
+      background-repeat: no-repeat
+      background-size: auto 100%
+      &.search
+        background-image: url("/assets/icon-mask-magnifier.png")
+      &.shop
+        background-image: url("/assets/icon-mask-apple.png")
+      &.pick-up-delivery
+        background-image: url("/assets/icon-mask-truck.png")
+
   h2
     font-size: 70px
     font-weight: 300
diff --git a/app/views/home/_system.html.haml b/app/views/home/_system.html.haml
index 0b67497fe4..43807e3500 100644
--- a/app/views/home/_system.html.haml
+++ b/app/views/home/_system.html.haml
@@ -5,22 +5,19 @@
       .row
         .small-12.medium-4.columns.text-left
           .home-icon-box
-            %a{href: "/shops"}
-              %i.ofn-i_020-search
+            %a.search{href: "/shops"}
           .home-icon-box-bottom
             %h4 1. Search
             %p.text-normal Search our diverse, independent shops for seasonal local food. Search by neighbourhood and filter by food category, or whether you prefer delivery or pickup.
         .small-12.medium-4.columns.text-left
           .home-icon-box
-            %a{href: "/shops"}
-              %i.ofn-i_027-shopping-cart
+            %a.shop{href: "/shops"}
           .home-icon-box-bottom
             %h4 2. Shop
             %p.text-normal Transform your transactions with affordable local food from diverse producers, sellers and hubs. Know the stories behind your food and the people who make it!
         .small-12.medium-4.columns.text-left
           .home-icon-box
-            %a{href: "/shops"}
-              %i.ofn-i_039-delivery
+            %a.pick-up-delivery{href: "/shops"}
           .home-icon-box-bottom
             %h4 3. Pick-up / Delivery
             %p.text-normal Hang on for your delivery, or head to your producer or hub for a more personal connection with your food. It's food shopping as diverse as nature intended it.