Updated close sidebar icon

app/assets/stylesheets/pages/boards.scss

@@ -302,10 +302,16 @@ lex
     width: 22px;
     color: $gray-darkest;
 
-    .fa {
+    svg {
       position: absolute;
       top: 50%;
-      margin-top: (-15px / 2);
+      margin-top: (-11px / 2);
+    }
+
+    &:hover {
+      path {
+        fill: $gray-darkest;
+      }
     }
   }
 

app/views/projects/boards/components/_sidebar.html.haml

@@ -14,7 +14,7 @@
           href: "#",
           "@click.prevent" => "closeSidebar",
           "aria-label" => "Toggle sidebar" }
-          = icon("times")
+          = custom_icon("icon_close", size: 15)
       .js-issuable-update
         = render "projects/boards/components/sidebar/assignee"
         = render "projects/boards/components/sidebar/milestone"

app/views/shared/icons/_icon_close.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"/></svg>
\ No newline at end of file