Replace icons in /cycle_analytics and /explore/groups banners

app/assets/javascripts/cycle_analytics/components/banner.vue

 <script>
+  import Icon from '~/vue_shared/components/icon.vue';
   import iconCycleAnalyticsSplash from 'icons/_icon_cycle_analytics_splash.svg';
 
   export default {
+    components: {
+      Icon,
+    },
     props: {
       documentationLink: {
         type: String,
@@ -28,10 +32,10 @@
       type="button"
       @click="dismissOverviewDialog"
     >
-      <i
-        class="fa fa-times"
-        aria-hidden="true">
-      </i>
+      <icon
+        name="close"
+        aria-hidden="true"
+      />
     </button>
     <div
       class="svg-container"

app/assets/stylesheets/framework/blocks.scss

@@ -284,7 +284,7 @@
   .dismiss-button {
     position: absolute;
     right: 6px;
-    top: 6px;
+    top: 12px;
     cursor: pointer;
     color: $blue-300;
     z-index: 1;

app/assets/stylesheets/pages/cycle_analytics.scss

@@ -21,7 +21,7 @@
       }
     }
 
-    svg {
+    .svg-container svg {
       width: 136px;
       height: 136px;
     }

app/assets/stylesheets/pages/groups.scss

@@ -240,7 +240,7 @@ table.pipeline-project-metrics tr td {
     }
   }
 
-  svg {
+  .svg-container svg {
     width: 62px;
     height: 50px;
   }

app/views/explore/groups/index.html.haml

@@ -13,7 +13,7 @@
 
 - if cookies[:explore_groups_landing_dismissed] != 'true'
   .explore-groups.landing.content-block.js-explore-groups-landing.hide
-    %button.dismiss-button{ type: 'button', 'aria-label' => _('Dismiss') }= icon('times')
+    %button.dismiss-button{ type: 'button', 'aria-label' => _('Dismiss') }= sprite_icon('close', size: 16)
     .svg-container
       = custom_icon('icon_explore_groups_splash')
     .inner-content