diff --git a/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_deprecated.vue b/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_deprecated.vue
index 28a16cd846a2daab2344ca8e0ae04f72e1d03b21..1071ed2ba0f3e58a9858217ab6eb7f11ff570594 100644
--- a/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_deprecated.vue
+++ b/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_deprecated.vue
@@ -63,6 +63,10 @@ export default {
       type: String,
       required: true,
     },
+    editPath: {
+      type: String,
+      required: true,
+    },
   },
   data() {
     return {
@@ -114,6 +118,7 @@ export default {
         :content="line"
         :language="language"
         :blame-path="blamePath"
+        :edit-path="editPath"
       />
     </div>
     <div v-else-if="!isLoading" class="gl-display-flex gl-text-transparent">
diff --git a/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_line.vue b/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_line.vue
index 1690e666d3c4c8febf6ff70c68095c870385c596..4f87e025963d8fe180f616785ac18ac8f945875d 100644
--- a/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_line.vue
+++ b/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk_line.vue
@@ -23,6 +23,10 @@ export default {
       type: String,
       required: true,
     },
+    editPath: {
+      type: String,
+      required: true,
+    },
   },
   computed: {
     pageSearchString() {
@@ -41,6 +45,10 @@ export default {
         class="gl-user-select-none gl-shadow-none! file-line-blame"
         :href="`${blamePath}${pageSearchString}#L${number}`"
       ></a>
+      <a
+        class="gl-user-select-none gl-shadow-none! file-line-edit"
+        :href="`${editPath}#L${number}`"
+      ></a>
       <a
         :id="`L${number}`"
         class="gl-user-select-none gl-shadow-none! file-line-num"
diff --git a/app/assets/javascripts/vue_shared/components/source_viewer/source_viewer_deprecated.vue b/app/assets/javascripts/vue_shared/components/source_viewer/source_viewer_deprecated.vue
index 26cf45c7570ea2ac7b2c33c72a6bb253f699f80c..741c1c04586e5b4cde993bd148b5abe8f94c41fd 100644
--- a/app/assets/javascripts/vue_shared/components/source_viewer/source_viewer_deprecated.vue
+++ b/app/assets/javascripts/vue_shared/components/source_viewer/source_viewer_deprecated.vue
@@ -205,6 +205,7 @@ export default {
       is-first-chunk
       :language="firstChunk.language"
       :blame-path="blob.blamePath"
+      :edit-path="blob.editBlobPath"
     />
 
     <gl-loading-icon v-if="isLoading" size="sm" class="gl-my-5" />
@@ -220,6 +221,7 @@ export default {
       :chunk-index="index"
       :language="chunk.language"
       :blame-path="blob.blamePath"
+      :edit-path="blob.editBlobPath"
       :total-chunks="totalChunks"
       @appear="highlightChunk"
     />
diff --git a/app/assets/stylesheets/highlight/themes/dark.scss b/app/assets/stylesheets/highlight/themes/dark.scss
index 02469cf5165d377c1351cd957d9106bf55a3c875..74c33d968fb7428e4820789bbcb408342de051e9 100644
--- a/app/assets/stylesheets/highlight/themes/dark.scss
+++ b/app/assets/stylesheets/highlight/themes/dark.scss
@@ -142,6 +142,10 @@ $dark-il: #de935f;
     @include line-link($white, 'git');
   }
 
+  .file-line-edit {
+    @include line-link($white, 'pencil');
+  }
+
   .line-links {
     @include line-hover-bg($dark-main-bg);
   }
diff --git a/app/assets/stylesheets/highlight/themes/monokai.scss b/app/assets/stylesheets/highlight/themes/monokai.scss
index 30d04b4002eff59bf74ce7032142da85e14c0dd6..a8d229ffca1edf9d4115a36c07a16aeb9ce066a5 100644
--- a/app/assets/stylesheets/highlight/themes/monokai.scss
+++ b/app/assets/stylesheets/highlight/themes/monokai.scss
@@ -133,6 +133,10 @@ $monokai-gh: #75715e;
     @include line-link($white, 'git');
   }
 
+  .file-line-edit {
+    @include line-link($white, 'pencil');
+  }
+
   .line-links {
     @include line-hover-bg($monokai-bg);
   }
diff --git a/app/assets/stylesheets/highlight/themes/none.scss b/app/assets/stylesheets/highlight/themes/none.scss
index 8339d7eff80a822c95ad3b91c8d083047d18cbbf..4221ee5546eded4d614eea0ee5b4f3d9189aab6c 100644
--- a/app/assets/stylesheets/highlight/themes/none.scss
+++ b/app/assets/stylesheets/highlight/themes/none.scss
@@ -32,6 +32,10 @@
     @include line-link($black, 'git');
   }
 
+  .file-line-edit {
+    @include line-link($black, 'pencil');
+  }
+
   .line-links {
     @include line-hover-bg;
   }
diff --git a/app/assets/stylesheets/highlight/themes/solarized-dark.scss b/app/assets/stylesheets/highlight/themes/solarized-dark.scss
index 075510e6e5f0f21c5b2832adab65d89417da71af..b291957ef4c4a371c5d86450d1e1d923d126b6e4 100644
--- a/app/assets/stylesheets/highlight/themes/solarized-dark.scss
+++ b/app/assets/stylesheets/highlight/themes/solarized-dark.scss
@@ -127,6 +127,9 @@ $solarized-dark-il: #2aa198;
     @include hljs-override('title\\.function', $solarized-dark-nf);
     @include hljs-override('params', $solarized-dark-nb);
 
+  .file-line-action {
+
+  }
   // Line numbers
   .file-line-num {
     @include line-link($white, 'link');
@@ -136,6 +139,10 @@ $solarized-dark-il: #2aa198;
     @include line-link($white, 'git');
   }
 
+  .file-line-edit {
+    @include line-link($white, 'pencil');
+  }
+
   .line-links {
     @include line-hover-bg($solarized-dark-pre-bg);
   }
diff --git a/app/assets/stylesheets/highlight/themes/solarized-light.scss b/app/assets/stylesheets/highlight/themes/solarized-light.scss
index 4e244ed7420b3e8c5a87dda82d09c9e86dc2c149..a94601cb78fa51b006d2f1b410c6a65ca73ef918 100644
--- a/app/assets/stylesheets/highlight/themes/solarized-light.scss
+++ b/app/assets/stylesheets/highlight/themes/solarized-light.scss
@@ -126,6 +126,10 @@ $solarized-light-il: #2aa198;
     @include line-link($black, 'git');
   }
 
+  .file-line-edit {
+    @include line-link($black, 'pencil');
+  }
+
   .line-links {
     @include line-hover-bg($solarized-light-pre-bg);
   }