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}