diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 8343036a46..e2b33e12c9 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -649,7 +649,7 @@
     }
 
     #recent_view_table {
-        .fa-envelope,
+        .zulip-icon-user,
         .fa-group {
             opacity: 0.7;
         }
diff --git a/web/styles/recent_view.css b/web/styles/recent_view.css
index d78f752b9b..8fb84a6645 100644
--- a/web/styles/recent_view.css
+++ b/web/styles/recent_view.css
@@ -88,7 +88,7 @@
         width: 10px;
     }
 
-    .fa-envelope {
+    .zulip-icon-user {
         /* Legacy 11.2px size at 14px/1em. */
         font-size: 0.8em;
         text-align: center;
diff --git a/web/templates/recent_view_row.hbs b/web/templates/recent_view_row.hbs
index 10758d9848..2cf9e9df18 100644
--- a/web/templates/recent_view_row.hbs
+++ b/web/templates/recent_view_row.hbs
@@ -3,7 +3,7 @@
         <div class="flex_container flex_container_pm">
             <div class="left_part recent_view_focusable" data-col-index="{{ column_indexes.stream }}">
                 {{#if is_private}}
-                <span class="fa fa-envelope"></span>
+                <span class="zulip-icon zulip-icon-user"></span>
                 <a href="{{pm_url}}">{{t "Direct messages" }}</a>
                 {{else}}
                 <span class="stream-privacy-original-color-{{stream_id}} stream-privacy filter-icon" style="color: {{stream_color}}">