diff --git a/lms/static/images/flagged.png b/lms/static/images/flagged.png
deleted file mode 100644
index ad2b0dac55..0000000000
Binary files a/lms/static/images/flagged.png and /dev/null differ
diff --git a/lms/static/images/notflagged.png b/lms/static/images/notflagged.png
deleted file mode 100644
index fda47d5ab5..0000000000
Binary files a/lms/static/images/notflagged.png and /dev/null differ
diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index 672caddd97..2894b59184 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -2692,26 +2692,24 @@ display:none;
 
     }  
     
-.notflagged .icon
-{
+.notflagged .icon {
   display: block; 
   float: left;
   margin: 3px;
   width: 10px; 
   height: 14px;
   padding-right: 3px;
-  background: transparent url('../images/notflagged.png') no-repeat 0 0; 
+  color: $gray-l2;
 }
 
-.flagged .icon
-{
+.flagged .icon {
   display: block; 
   float: left;
   margin: 3px;
   width: 10px; 
   height: 14px; 
   padding-right: 3px;
-  background: transparent url('../images/flagged.png') no-repeat 0 0; 
+  color: $pink;
 }
 
 .flagged span {
diff --git a/lms/templates/discussion/_underscore_templates.html b/lms/templates/discussion/_underscore_templates.html
index fcbcf1a52c..034aa4f28f 100644
--- a/lms/templates/discussion/_underscore_templates.html
+++ b/lms/templates/discussion/_underscore_templates.html
@@ -48,7 +48,7 @@
 
       <div class="post-body">${'<%- body %>'}</div>
       <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse">                
-      <i class="icon"></i><span class="flag-label">Report Misuse</span></div>      
+      <i class="icon icon-flag"></i><span class="flag-label">Report Misuse</span></div>      
         
         
       % if course and has_permission(user, 'openclose_thread', course.id):
@@ -126,7 +126,7 @@
     </header>
     <div class="response-local"><div class="response-body">${"<%- body %>"}</div>
     <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="report misuse">                
-      <i class="icon"></i><span class="flag-label">Report Misuse</span></div>
+      <i class="icon icon-flag"></i><span class="flag-label">Report Misuse</span></div>
     </div>
     <ul class="moderator-actions response-local">
         <li style="display: none"><a class="action-edit" href="javascript:void(0)"><span class="edit-icon"></span> Edit</a></li>
@@ -150,8 +150,8 @@
 <script type="text/template" id="response-comment-show-template">
   <div id="comment_${'<%- id %>'}">
     <div class="response-body">${'<%- body %>'}</div>
-    <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="report misuse">                
-      <i class="icon"></i><span class="flag-label"></span></div> 
+    <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse">                
+      <i class="icon icon-flag"></i><span class="flag-label"></span></div> 
     <p class="posted-details">&ndash;posted <span class="timeago" title="${'<%- created_at %>'}">${'<%- created_at %>'}</span> by
         ${"<% if (obj.username) { %>"}
         <a href="${'<%- user_url %>'}" class="profile-link">${'<%- username %>'}</a>