Merge branch 'leipert-replace-icon-component' into 'master'

Remove Icon component from vue_shared

See merge request gitlab-org/gitlab!38777

app/assets/javascripts/ide/components/panes/collapsible_sidebar.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import tooltip from '~/vue_shared/directives/tooltip';
-import Icon from '~/vue_shared/components/icon.vue';
 import IdeSidebarNav from '../ide_sidebar_nav.vue';
 
 export default {
@@ -10,7 +9,6 @@ export default {
     tooltip,
   },
   components: {
-    Icon,
     IdeSidebarNav,
   },
   props: {

app/assets/javascripts/vue_shared/components/icon.vue

-<script>
-import { GlIcon } from '@gitlab/ui';
-
-export default GlIcon;
-</script>

app/assets/javascripts/vue_shared/mixins/related_issuable_mixin.js

@@ -2,7 +2,6 @@ import { isEmpty } from 'lodash';
 import { sprintf, __ } from '~/locale';
 import { formatDate } from '~/lib/utils/datetime_utility';
 import tooltip from '~/vue_shared/directives/tooltip';
-import icon from '~/vue_shared/components/icon.vue';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 
 const mixins = {
@@ -100,9 +99,6 @@ const mixins = {
       default: () => ({}),
     },
   },
-  components: {
-    icon,
-  },
   directives: {
     tooltip,
   },

ee/app/assets/javascripts/related_issues/components/issue_token.vue

 <script>
+import { GlIcon } from '@gitlab/ui';
 import { __, sprintf } from '~/locale';
 import relatedIssuableMixin from '~/vue_shared/mixins/related_issuable_mixin';
 
 export default {
   name: 'IssueToken',
+  components: {
+    GlIcon,
+  },
   mixins: [relatedIssuableMixin],
   props: {
     isCondensed: {
@@ -78,7 +82,7 @@ export default {
           'issuable-info': !isCondensed,
         }"
       >
-        <icon
+        <gl-icon
           v-if="hasState"
           v-tooltip
           :class="iconClass"