diff --git a/assets/css/api-tools.css b/assets/css/api-tools.css
index b298b7e24c..0c253f98cc 100644
--- a/assets/css/api-tools.css
+++ b/assets/css/api-tools.css
@@ -264,12 +264,7 @@ span.cm-atom {
 }
 
 .loader {
-    -webkit-animation: rotating 1s linear infinite;
-    -moz-animation: rotating 1s linear infinite;
-    -ms-animation: rotating 1s linear infinite;
-    -o-animation: rotating 1s linear infinite;
-    animation: rotating 1s linear infinite;
-    width: 25px;height:25px;
+    width: 24px;height:24px;
 }
 
 
diff --git a/assets/css/devportal.css b/assets/css/devportal.css
index 330c50df90..4615b62b95 100644
--- a/assets/css/devportal.css
+++ b/assets/css/devportal.css
@@ -1106,12 +1106,7 @@ a.current {
 .page-test-net .throbber,
 .page-tx-sender .throbber,
 .interactive-block .throbber {
-    -webkit-animation: rotating 1s linear infinite;
-    -moz-animation: rotating 1s linear infinite;
-    -ms-animation: rotating 1s linear infinite;
-    -o-animation: rotating 1s linear infinite;
-    animation: rotating 1s linear infinite;
-    width: 25px;height:25px;
+  width: 24px;height:24px;
 }
 
 #connection-status-item.active {
diff --git a/assets/img/rippleThrobber.png b/assets/img/rippleThrobber.png
deleted file mode 100644
index acd9809380..0000000000
Binary files a/assets/img/rippleThrobber.png and /dev/null differ
diff --git a/assets/img/xrp-loader-96.png b/assets/img/xrp-loader-96.png
new file mode 100644
index 0000000000..ea4a301545
Binary files /dev/null and b/assets/img/xrp-loader-96.png differ
diff --git a/content/tutorials/use-simple-xrp-payments/send-xrp.md b/content/tutorials/use-simple-xrp-payments/send-xrp.md
index def97c4afb..adc55f5223 100644
--- a/content/tutorials/use-simple-xrp-payments/send-xrp.md
+++ b/content/tutorials/use-simple-xrp-payments/send-xrp.md
@@ -16,13 +16,12 @@ This tutorial explains how to send a simple XRP Payment using RippleAPI for Java
 
 {{ start_step("Generate") }}
 <button id="generate-creds-button" class="btn btn-primary">Generate credentials</button>
-<div id='loader-0' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"> Generating Keys...</div>
+<div id='loader-0' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"> Generating Keys...</div>
 <div id='address'></div>
 <div id='secret'></div>
 <div id='balance'></div>
 <div id="populate-creds-status"></div>
 {{ end_step() }}
-
 <script type="application/javascript">
 $(document).ready( () => {
 
@@ -113,7 +112,7 @@ For this tutorial, you can connect directly from your browser by pressing the fo
 <div>
   <strong>Connection status:</strong>
   <span id="connection-status">Not connected</span>
-  <div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"></div>
+  <div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"></div>
 </div>
 {{ end_step() }}
 
@@ -322,7 +321,7 @@ See the full list of [transaction results](transaction-results.html) for more po
   <button id="submit-button" class="btn btn-primary connection-required"
     title="Connection to Test Net required" disabled>Submit
     example transaction</button>
-    <div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"></div>
+    <div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"></div>
     <div id="submit-output"></div>
 {{ end_step() }}
 
diff --git a/tool/template-rest-api-tool.html b/tool/template-rest-api-tool.html
index 6645bd9d22..c11cf4a6a2 100644
--- a/tool/template-rest-api-tool.html
+++ b/tool/template-rest-api-tool.html
@@ -31,7 +31,7 @@
                 <div id='output' class='io'>
                     <h2>Response</h2>
                     <div>
-                        <img class="loader" src="assets/img/rippleThrobber.png" style="vertical-align: middle; display:none;"/>
+                        <img class="loader" src="assets/img/xrp-loader-96.png" style="vertical-align: middle; display:none;"/>
                         <span id='rest_responsecode'></span>
                     </div>
                     <div id='response_body'></div>
diff --git a/tool/template-test-net.html b/tool/template-test-net.html
index bd61b34f6d..bd69f90274 100644
--- a/tool/template-test-net.html
+++ b/tool/template-test-net.html
@@ -26,7 +26,7 @@
     <p>Test Net funds are intended for <strong>testing</strong> only. The Test Net ledger and balances will be reset on a regular basis.</p>
     <button id="generate-creds-button" class="btn btn-primary">Generate credentials</button>
     <div id='your-credentials'></div>
-    <div id='loader' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"> Generating Keys...</div>
+    <div id='loader' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"> Generating Keys...</div>
     <div id='address'></div>
     <div id='secret'></div>
     <div id='balance'></div>
diff --git a/tool/template-tx-sender.html b/tool/template-tx-sender.html
index 65bfd2d8a0..dc4c1cc373 100644
--- a/tool/template-tx-sender.html
+++ b/tool/template-tx-sender.html
@@ -44,7 +44,7 @@
       <div class="form-group" id="send_xrp_payment">
         <div class="input-group mb-3">
           <div class="input-group-prepend">
-            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span>
+            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
           </div>
           <button class="btn btn-primary form-control" type="button" id="send_xrp_payment_btn">Send XRP Payment</button>
           <input id="send_xrp_payment_amount" class="form-control" type="number" aria-describedby="send_xrp_payment_amount_help" value="100000" min="1" max="10000000000" />
@@ -65,7 +65,7 @@
         </div>
         <div class="input-group mb-3">
           <div class="input-group-prepend">
-            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span>
+            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
           </div>
           <button class="btn btn-primary form-control" type="button" id="send_partial_payment_btn" disabled="disabled" autocomplete="off" title="(Please wait for partial payments setup to finish)">Send Partial Payment</button>
         </div>
@@ -77,7 +77,7 @@
       <div class="form-group" id="create_escrow">
         <div class="input-group mb-3">
           <div class="input-group-prepend">
-            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span>
+            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
           </div>
           <button class="btn btn-primary form-control" type="button" id="create_escrow_btn">Create Escrow</button>
           <input class="form-control" type="number" value="60" min="5" max="10000" id="create_escrow_duration_seconds" />
@@ -102,7 +102,7 @@
       <div class="form-group" id="create_payment_channel">
         <div class="input-group mb-3">
           <div class="input-group-prepend">
-            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span>
+            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
           </div>
           <button class="btn btn-primary form-control" type="button" id="create_payment_channel_btn">Create Payment Channel</button>
           <input id="create_payment_channel_amount" class="form-control" type="number" aria-describedby="create_payment_channel_amount_help" value="100000" min="1" max="10000000000" />
@@ -118,7 +118,7 @@
       <div class="form-group" id="send_issued_currency">
         <div class="input-group mb-3">
           <div class="input-group-prepend">
-            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span>
+            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
           </div>
           <button class="btn btn-primary form-control" type="button" id="send_issued_currency_btn">Send Issued Currency</button>
           <input id="send_issued_currency_amount" class="form-control" type="text" value="100" /><!-- Note: HTML limits "number" inputs to IEEE 764 double precision, which isn't enough for the full range of issued currency amounts -->
@@ -134,7 +134,7 @@
       <div class="form-group" id="trust_for">
         <div class="input-group mb-3">
           <div class="input-group-prepend">
-            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span>
+            <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
           </div>
           <button class="btn btn-primary form-control" type="button" id="trust_for_btn">Trust for</button>
           <input id="trust_for_amount" class="form-control disabled" type="number" value="100000" />
diff --git a/tool/template-websocket-api-tool.html b/tool/template-websocket-api-tool.html
index f17dce9354..15c0d8e123 100644
--- a/tool/template-websocket-api-tool.html
+++ b/tool/template-websocket-api-tool.html
@@ -61,7 +61,7 @@
                 <div id='output' class='io'>
                     <h2>Response</h2>
                     <div>
-                        <img class="loader" src="assets/img/rippleThrobber.png" style="vertical-align: middle; display:none;"/>
+                        <img class="loader" src="assets/img/xrp-loader-96.png" style="vertical-align: middle; display:none;"/>
                     </div>
                     <p id='info'></p>
                     <div id='response'></div>