From 3d3670e8070c32402bfac6501cb3da28b70a490e Mon Sep 17 00:00:00 2001
From: George Marshall <george.marshall@consensys.net>
Date: Wed, 23 Mar 2022 08:25:28 -0700
Subject: [PATCH] Dark mode: Replacing svg image with font awesome icon for
 main-quote-summary (#14137)

---
 app/images/down-arrow-grey.svg                          | 3 ---
 ui/pages/swaps/main-quote-summary/index.scss            | 1 +
 ui/pages/swaps/main-quote-summary/main-quote-summary.js | 5 +----
 3 files changed, 2 insertions(+), 7 deletions(-)
 delete mode 100644 app/images/down-arrow-grey.svg

diff --git a/app/images/down-arrow-grey.svg b/app/images/down-arrow-grey.svg
deleted file mode 100644
index fcdb33eec..000000000
--- a/app/images/down-arrow-grey.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.00163 15.2045C6.21347 15.1962 6.45833 15.109 6.61275 14.9637L11.6498 10.2232C11.9385 9.90194 12.0577 9.28597 11.7239 8.92693C11.3952 8.57328 10.7576 8.5838 10.4276 8.93611L6.89052 12.2693L6.89052 1.87164C6.89052 1.38076 6.49254 0.982788 6.00163 0.982788C5.51071 0.982788 5.11274 1.38076 5.11274 1.87164L5.11274 12.2693L1.57565 8.93611C1.27181 8.63281 0.611843 8.57675 0.279352 8.92693C-0.0531095 9.27702 0.0531145 9.91513 0.353459 10.2232L5.3905 14.9637C5.56288 15.126 5.76513 15.205 6.00163 15.2045Z" fill="#D6D9DC"/>
-</svg>
diff --git a/ui/pages/swaps/main-quote-summary/index.scss b/ui/pages/swaps/main-quote-summary/index.scss
index 290c894c0..2c3fcbe39 100644
--- a/ui/pages/swaps/main-quote-summary/index.scss
+++ b/ui/pages/swaps/main-quote-summary/index.scss
@@ -70,6 +70,7 @@
 
   &__down-arrow {
     margin-top: 5px;
+    color: var(--color-icon-muted);
   }
 
   &__details {
diff --git a/ui/pages/swaps/main-quote-summary/main-quote-summary.js b/ui/pages/swaps/main-quote-summary/main-quote-summary.js
index 1c45b5c26..f4da8b5f6 100644
--- a/ui/pages/swaps/main-quote-summary/main-quote-summary.js
+++ b/ui/pages/swaps/main-quote-summary/main-quote-summary.js
@@ -75,10 +75,7 @@ export default function MainQuoteSummary({
               {sourceSymbol}
             </span>
           </div>
-          <img
-            className="main-quote-summary__down-arrow"
-            src="images/down-arrow-grey.svg"
-          />
+          <i className="fa fa-arrow-down main-quote-summary__down-arrow" />
           <div className="main-quote-summary__destination-row">
             <UrlIcon
               url={destinationIconUrl}