diff --git a/web/shared/icons/compose-edit.svg b/web/shared/icons/compose-edit.svg
new file mode 100644
index 0000000000..dd4db3eb18
Binary files /dev/null and b/web/shared/icons/compose-edit.svg differ
diff --git a/web/templates/compose_control_buttons.hbs b/web/templates/compose_control_buttons.hbs
index f7e67421bb..52557e609f 100644
--- a/web/templates/compose_control_buttons.hbs
+++ b/web/templates/compose_control_buttons.hbs
@@ -4,7 +4,7 @@
         <a role="button" class="markdown_preview compose_control_button zulip-icon zulip-icon-preview" aria-label="{{t 'Preview' }}" tabindex=0></a>
     </div>
     <div class="compose_control_button_container" data-tippy-content="{{t 'Write' }}">
-        <a role="button" class="undo_markdown_preview compose_control_button fa fa-edit" aria-label="{{t 'Write' }}" tabindex=0 style="display:none;"></a>
+        <a role="button" class="undo_markdown_preview compose_control_button zulip-icon zulip-icon-compose-edit" aria-label="{{t 'Write' }}" tabindex=0 style="display:none;"></a>
     </div>
     {{#if file_upload_enabled }}
     <div class="compose_control_button_container preview_mode_disabled" data-tippy-content="{{t 'Upload files' }}">