diff --git a/app/stylesheets/bundles/context_list.scss b/app/stylesheets/bundles/context_list.scss
index fb15ddf15bd..c7151bfaa98 100644
--- a/app/stylesheets/bundles/context_list.scss
+++ b/app/stylesheets/bundles/context_list.scss
@@ -26,7 +26,7 @@ ul.context_list {
       font-weight: bold;
       display: block;
       .subtitle {
-        color: #888;
+        color: $ic-font-color--subdued;
       }
     }
     .reminder {
@@ -34,8 +34,8 @@ ul.context_list {
     }
   }
   .unpublished {
-    a {
-      color: #888;
+    a, i {
+      color: $ic-font-color--subdued;
       font-weight: normal;
     }
   }
diff --git a/app/stylesheets/components/_g_instructure.scss b/app/stylesheets/components/_g_instructure.scss
index ed587f9c9fa..1854d0b475e 100644
--- a/app/stylesheets/components/_g_instructure.scss
+++ b/app/stylesheets/components/_g_instructure.scss
@@ -354,8 +354,13 @@ table.formtable td {
     font-size: 1.1em;
     font-weight: bold;
   }
-  .unpublished .name a {
-    color: $ic-font-color--subdued;
+  .unpublished {
+    .name a {
+      color: $ic-font-color--subdued;
+    }
+    i {
+      color: $ic-font-color--subdued;
+    }
   }
   .details {
     font-size: 0.8em;
diff --git a/app/views/accounts/_course.html.erb b/app/views/accounts/_course.html.erb
index 240637c9636..d696480aa1f 100644
--- a/app/views/accounts/_course.html.erb
+++ b/app/views/accounts/_course.html.erb
@@ -6,7 +6,7 @@
   <div class="course <%= 'unpublished' if course && course.read_attribute(:workflow_state) && (course.created? || course.claimed?) %>">
     <div class="name">
       <a href="<%= course_path(course ? course.id : "{{ id }}") %>" class="name"><%= (course && course.name) || nbsp %></a>
-      <%= image_tag "hammer.png", :title => t(:course_unpublished_title, "This course hasn't been published yet"), :alt => t(:course_unpublished_tooltip, "Unpublished"), :class => "unpublished_icon", :style => (course && course.read_attribute(:workflow_state) && (course.created? || course.claimed?) ? "" : "display: none;") %>
+      <i class="icon-unpublish" title="<%= t(:course_unpublished_title, "This course hasn't been published yet") %>" style="<%= (course && course.read_attribute(:workflow_state) && (course.created? || course.claimed?) ? "" : "display: none;") %>"></i>
     </div>
     <% if course %>
     <div class="details ellipsis">
diff --git a/app/views/users/_enrollment.html.erb b/app/views/users/_enrollment.html.erb
index 06a725b5ab2..a8b7771fff0 100644
--- a/app/views/users/_enrollment.html.erb
+++ b/app/views/users/_enrollment.html.erb
@@ -4,7 +4,7 @@
     <span class="name" title="<%= enrollment.long_name(@current_user) %>">
       <%= enrollment.long_name(@current_user) %>
       <% if enrollment.course.created? || enrollment.course.claimed? %>
-        <%= image_tag "hammer.png", :title => t('course_not_published', "This course hasn't been published yet"), :alt => t('unpublished', "Unpublished"), :class => "unpublished_icon" %>
+        <i class="icon-unpublish" title="<%= t('course_not_published', "This course hasn't been published yet") %>"></i>
       <% end %>
     </span>