Add svg icon color to btn-color mixin

app/assets/stylesheets/framework/buttons.scss

@@ -51,16 +51,13 @@
   }
   svg {
-    vertical-align: top;
-    position: relative;
-    top: 2px;
     path {
-      fill: $white-light;
+      fill: $color;
     }
     use {
-      stroke: $white-light;
+      stroke: $color;
     }
   }
 }
@@ -189,9 +186,10 @@
   }
   svg {
-    width: 16px;
-    height: auto;
-    vertical-align: middle;
+    height: 15px;
+    width: auto;
+    position: relative;
+    top: 2px;
   }
 }

app/assets/stylesheets/pages/projects.scss

@@ -129,6 +129,17 @@
       color: $layout-link-gray;
     }
+    svg {
+
+      path {
+        fill: $layout-link-gray;
+      }
+
+      use {
+        stroke: $layout-link-gray;
+      }
+    }
+
     .fa-caret-down {
       margin-left: 3px;
     }

app/views/projects/buttons/_fork.html.haml

@@ -2,7 +2,7 @@
   - if current_user && can?(current_user, :fork_project, @project)
     - if current_user.already_forked?(@project) && current_user.manageable_namespaces.size < 2
       = link_to namespace_project_path(current_user, current_user.fork_of(@project)), title: 'Go to your fork', class: 'btn has-tooltip' do
-        = icon('code-fork fw')
+        = custom_icon('icon_fork')
         Fork
       %div.count-with-arrow
         %span.arrow
@@ -10,7 +10,7 @@
           = @project.forks_count
     - else
       = link_to new_namespace_project_fork_path(@project.namespace, @project), title: "Fork project", class: 'btn has-tooltip' do
-        = icon('code-fork fw')
+        = custom_icon('icon_fork')
         Fork
       %div.count-with-arrow
         %span.arrow