Replace fa icon with GitLab SVG in repo preview

app/assets/javascripts/repository/components/preview/index.vue

@@ -2,7 +2,7 @@
 /* eslint-disable vue/no-v-html */
 import $ from 'jquery';
 import '~/behaviors/markdown/render_gfm';
-import { GlLink, GlLoadingIcon } from '@gitlab/ui';
+import { GlIcon, GlLink, GlLoadingIcon } from '@gitlab/ui';
 import { handleLocationHash } from '~/lib/utils/common_utils';
 import readmeQuery from '../../queries/readme.query.graphql';
 
@@ -19,6 +19,7 @@ export default {
     },
   },
   components: {
+    GlIcon,
     GlLink,
     GlLoadingIcon,
   },
@@ -51,7 +52,7 @@ export default {
   <article class="file-holder limited-width-container readme-holder">
     <div class="js-file-title file-title-flex-parent">
       <div class="file-header-content">
-        <i aria-hidden="true" class="fa fa-file-text-o fa-fw"></i>
+        <gl-icon name="doc-text" aria-hidden="true" />
         <gl-link :href="blob.webPath">
           <strong>{{ blob.name }}</strong>
         </gl-link>

changelogs/unreleased/mw-replace-fa-icon-in-repo-preview.yml

+---
+title: Replace fa icon with GitLab SVG in repository preview
+merge_request: 44696
+author:
+type: changed

spec/frontend/repository/components/preview/__snapshots__/index_spec.js.snap

@@ -10,9 +10,10 @@ exports[`Repository file preview component renders file HTML 1`] = `
     <div
       class="file-header-content"
     >
-      <i
+      <gl-icon-stub
         aria-hidden="true"
-        class="fa fa-file-text-o fa-fw"
+        name="doc-text"
+        size="16"
       />
        
       <gl-link-stub