Replace CSS border'd check icon with real icon.

app/assets/stylesheets/pages/notes.scss

@@ -430,8 +430,7 @@ ul.notes {
   height: 14px;
   padding: 0;
   background-color: transparent;
-  border: 1px solid #c3c3c3;
-  border-radius: 50%;
+  border: none;
   outline: 0;
   vertical-align: middle;
@@ -442,17 +441,14 @@ ul.notes {
   &:not(.is-disabled):hover,
   &.is-active {
     color: $gl-text-green;
-    border-color: $gl-text-green;
-    .fa {
+    svg {
       color: $gl-text-green;
     }
   }
-  .fa {
+  svg {
     position: relative;
-    top: 2px;
-    font-size: 8px;
     color: $notes-action-color;
     vertical-align: top;
   }

app/views/projects/merge_requests/_show.html.haml

@@ -69,7 +69,7 @@
               ":class" => "{ 'has-next-btn': !loggedOut && resolvedDiscussionCount !== discussionCount }" }
               %span.line-resolve-btn.is-disabled{ type: "button",
                   ":class" => "{ 'is-active': resolvedDiscussionCount === discussionCount }" }
-                = icon("check")
+                = render "shared/icons/icon_status_success.svg"
               %span.line-resolve-text
                 {{ resolvedDiscussionCount }}/{{ discussionCount }} {{ discussionCount | pluralize 'discussion' }} resolved
             = render "discussions/jump_to_next"

app/views/projects/notes/_note.html.haml

@@ -46,7 +46,7 @@
                       "v-show" => "!loading",
                       "v-el:button" => true }
-                    = icon("check")
+                    = render "shared/icons/icon_status_success.svg"
             - if current_user
               - if note.emoji_awardable?