diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss
index 773c1a44c2..cc02f5bf6e 100644
--- a/lms/static/sass/shared/_header.scss
+++ b/lms/static/sass/shared/_header.scss
@@ -145,6 +145,14 @@ header.global {
       font-weight: bold;
       letter-spacing: 0;
 
+      .icon {
+        display: inline-block;
+        @include float(left);
+        margin: 3px 0 -3px 0;
+        font-size: 1.2em;
+        color: $m-gray;
+      }
+
       .avatar {
 
         // CASE: right to left layout
diff --git a/lms/templates/navigation.html b/lms/templates/navigation.html
index 7df24bce38..daf8a16be9 100644
--- a/lms/templates/navigation.html
+++ b/lms/templates/navigation.html
@@ -68,7 +68,8 @@ site_status_msg = get_site_status_msg(course_id)
     <ol class="user">
       <li class="primary">
         <a href="${reverse('dashboard')}" class="user-link">
-          <img alt='${_("Dashboard for:")}' class="avatar" src="${settings.STATIC_URL}images/small-header-home-icon.png">
+          <i class="icon fa fa-home" aria-hidden="true"></i>
+          <span class="sr">${_("Dashboard for:")}</span>
           <div>
           ${user.username}
           </div>