Merge branch 'mw-mr-widget-header-replace-fa-icon' into 'master'

Replace fa-caret-down with SVG icon in MR widget

See merge request gitlab-org/gitlab!39852

app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.vue

 <script>
 import Mousetrap from 'mousetrap';
 import { escape } from 'lodash';
+import { GlIcon } from '@gitlab/ui';
 import { n__, s__, sprintf } from '~/locale';
 import { mergeUrlParams, webIDEUrl } from '~/lib/utils/url_utility';
-import Icon from '~/vue_shared/components/icon.vue';
 import clipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import tooltip from '~/vue_shared/directives/tooltip';
 import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
@@ -12,7 +12,7 @@ import MrWidgetIcon from './mr_widget_icon.vue';
 export default {
   name: 'MRWidgetHeader',
   components: {
-    Icon,
+    GlIcon,
     clipboardButton,
     TooltipOnTruncate,
     MrWidgetIcon,
@@ -157,7 +157,8 @@ export default {
             aria-haspopup="true"
             aria-expanded="false"
           >
-            <icon name="download" /> <i class="fa fa-caret-down" aria-hidden="true"> </i>
+            <gl-icon name="download" />
+            <gl-icon name="chevron-down" aria-hidden="true" />
           </button>
           <ul class="dropdown-menu dropdown-menu-right">
             <li>

changelogs/unreleased/mw-mr-widget-header-replace-fa-icon.yml

+---
+title: Replace fa-caret-down with SVG icon in MR widget
+merge_request: 39852
+author:
+type: changed