diff --git a/app/assets/javascripts/discourse/templates/components/quote-button.hbs b/app/assets/javascripts/discourse/templates/components/quote-button.hbs
index 1dce9fb2885..163e768ec0f 100644
--- a/app/assets/javascripts/discourse/templates/components/quote-button.hbs
+++ b/app/assets/javascripts/discourse/templates/components/quote-button.hbs
@@ -1 +1 @@
-{{i18n "post.quote_reply"}}
+{{d-icon "quote-left"}} <span class='quote-label'>{{i18n "post.quote_reply"}}</span>
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 58d20523f11..4f8dd185db9 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -129,9 +129,8 @@ aside.quote {
   z-index: 401;
   opacity: 0.9;
 
-  &:before {
-    font-family: "FontAwesome";
-    content: "\f10d\00a0\00a0";
+  .d-icon {
+    display: inline-block;
   }
 
   &:hover {