diff --git a/Gemfile b/Gemfile
index 77b05446..20323f2e 100644
--- a/Gemfile
+++ b/Gemfile
@@ -111,7 +111,7 @@ group :assets do
   gem "modernizr",        "2.6.2"
   gem "raphael-rails",    git: "https://github.com/gitlabhq/raphael-rails.git"
   gem 'bootstrap-sass',   "2.2.1.1"
-  gem "font-awesome-sass-rails", "~> 2.0.0"
+  gem "font-awesome-sass-rails", "~> 3.0.0"
   gem "gemoji", "~> 1.2.1", require: 'emoji/railtie'
 end
 
diff --git a/Gemfile.lock b/Gemfile.lock
index 8fba310d..58d51063 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -174,7 +174,7 @@ GEM
       eventmachine (>= 0.12.0)
     ffaker (1.15.0)
     ffi (1.1.5)
-    font-awesome-sass-rails (2.0.0.0)
+    font-awesome-sass-rails (3.0.0.1)
       railties (>= 3.1.1)
       sass-rails (>= 3.1.1)
     foreman (0.60.2)
@@ -381,7 +381,7 @@ GEM
       rspec-mocks (~> 2.12.0)
     rubyntlm (0.1.1)
     rubyzip (0.9.9)
-    sass (3.2.3)
+    sass (3.2.5)
     sass-rails (3.2.5)
       railties (~> 3.2.0)
       sass (>= 3.1.10)
@@ -488,7 +488,7 @@ DEPENDENCIES
   email_spec
   factory_girl_rails
   ffaker
-  font-awesome-sass-rails (~> 2.0.0)
+  font-awesome-sass-rails (~> 3.0.0)
   foreman
   gemoji (~> 1.2.1)
   git
diff --git a/app/assets/images/diff_file_add.png b/app/assets/images/diff_file_add.png
deleted file mode 100644
index 0f01128d..00000000
Binary files a/app/assets/images/diff_file_add.png and /dev/null differ
diff --git a/app/assets/images/diff_file_delete.png b/app/assets/images/diff_file_delete.png
deleted file mode 100644
index b4d360f3..00000000
Binary files a/app/assets/images/diff_file_delete.png and /dev/null differ
diff --git a/app/assets/images/diff_file_info.png b/app/assets/images/diff_file_info.png
deleted file mode 100644
index 8529e823..00000000
Binary files a/app/assets/images/diff_file_info.png and /dev/null differ
diff --git a/app/assets/images/diff_file_notice.png b/app/assets/images/diff_file_notice.png
deleted file mode 100644
index d3b292f4..00000000
Binary files a/app/assets/images/diff_file_notice.png and /dev/null differ
diff --git a/app/assets/images/event_filter_comments.png b/app/assets/images/event_filter_comments.png
deleted file mode 100644
index aed113fa..00000000
Binary files a/app/assets/images/event_filter_comments.png and /dev/null differ
diff --git a/app/assets/images/event_filter_merged.png b/app/assets/images/event_filter_merged.png
deleted file mode 100644
index 30aea0b6..00000000
Binary files a/app/assets/images/event_filter_merged.png and /dev/null differ
diff --git a/app/assets/images/event_filter_push.png b/app/assets/images/event_filter_push.png
deleted file mode 100644
index 930faee6..00000000
Binary files a/app/assets/images/event_filter_push.png and /dev/null differ
diff --git a/app/assets/images/event_filter_team.png b/app/assets/images/event_filter_team.png
deleted file mode 100644
index 2dc66c85..00000000
Binary files a/app/assets/images/event_filter_team.png and /dev/null differ
diff --git a/app/assets/images/event_mr_merged.png b/app/assets/images/event_mr_merged.png
deleted file mode 100644
index 30aea0b6..00000000
Binary files a/app/assets/images/event_mr_merged.png and /dev/null differ
diff --git a/app/assets/images/event_push.png b/app/assets/images/event_push.png
deleted file mode 100644
index 930faee6..00000000
Binary files a/app/assets/images/event_push.png and /dev/null differ
diff --git a/app/assets/images/list_view_icon.jpg b/app/assets/images/list_view_icon.jpg
deleted file mode 100644
index 45a34cb4..00000000
Binary files a/app/assets/images/list_view_icon.jpg and /dev/null differ
diff --git a/app/assets/stylesheets/sections/events.scss b/app/assets/stylesheets/sections/events.scss
index 2d41de25..bd6f68d6 100644
--- a/app/assets/stylesheets/sections/events.scss
+++ b/app/assets/stylesheets/sections/events.scss
@@ -132,21 +132,25 @@
 .event_filter {
   position: absolute;
   width: 40px;
-  margin-left: -50px;
+  margin-left: -55px;
 
   .filter_icon {
-    float: left;
-    border-left: 3px solid #4bc;
-    padding: 7px;
-    background: #f9f9f9;
-    margin-bottom: 10px;
-    img {
-      width: 20px;
+    a {
+      text-align:center;
+      border-left: 3px solid #29B;
+      background: #f9f9f9;
+      margin-bottom: 10px;
+      float: left;
+      padding: 9px 7px;
+      font-size: 18px;
+      width: 26px;
     }
 
     &.inactive {
-      border-left: 3px solid #EEE;
-      opacity: 0.5;
+      a {
+        color: #DDD;
+        border-left: 3px solid #EEE;
+      }
     }
   }
 }
diff --git a/app/helpers/events_helper.rb b/app/helpers/events_helper.rb
index 9b9d2a91..f4d9b17b 100644
--- a/app/helpers/events_helper.rb
+++ b/app/helpers/events_helper.rb
@@ -30,8 +30,17 @@ module EventsHelper
 
     content_tag :div, class: "filter_icon #{inactive}" do
       link_to dashboard_path, class: 'has_tooltip event_filter_link', id: "#{key}_event_filter", 'data-original-title' => tooltip do
-        image_tag "event_filter_#{key}.png"
+        content_tag :i, nil, class: icon_for_event[key]
       end
     end
   end
+
+  def icon_for_event
+    {
+      EventFilter.push     => "icon-upload-alt",
+      EventFilter.merged   => "icon-check",
+      EventFilter.comments => "icon-comments",
+      EventFilter.team     => "icon-user",
+    }
+  end
 end