diff --git a/bedrock/firefox/templates/firefox/includes/send-to-device.html b/bedrock/firefox/templates/firefox/includes/send-to-device.html
index 81a6e209c0..05972d7068 100644
--- a/bedrock/firefox/templates/firefox/includes/send-to-device.html
+++ b/bedrock/firefox/templates/firefox/includes/send-to-device.html
@@ -4,7 +4,7 @@
   file, You can obtain one at https://mozilla.org/MPL/2.0/.
 #}
 
-<section id="{{ dom_id }}" class="send-to-device {{ class_name }}" data-spinner-color="{{ spinner_color }}" data-testid="send-to-device-form">
+<section id="{{ dom_id }}" class="send-to-device {{ class_name }}" data-testid="send-to-device-form">
   <div class="form-container">
     {% if include_title %}
       <h2 class="form-heading">
diff --git a/media/css/newsletter/newsletter-management.scss b/media/css/newsletter/newsletter-management.scss
index 377d7797d5..f512c97d2e 100644
--- a/media/css/newsletter/newsletter-management.scss
+++ b/media/css/newsletter/newsletter-management.scss
@@ -128,6 +128,8 @@ main {
 
     .loading-spinner {
         display: block;
+        height: 24px;
+        background: url('/media/img/icons/loading.svg') no-repeat center;
 
         &.hidden {
             display: none;
diff --git a/media/css/protocol/components/send-to-device.scss b/media/css/protocol/components/send-to-device.scss
index 26e430ff1f..66f05afda7 100644
--- a/media/css/protocol/components/send-to-device.scss
+++ b/media/css/protocol/components/send-to-device.scss
@@ -41,6 +41,12 @@ $image-path: '/media/protocol/img';
     .more {
         color: inherit;
     }
+
+    .loading-spinner {
+        display: none;
+        height: 36px;
+        background: url('/media/img/icons/loading.svg') no-repeat center;
+    }
 }
 
 // horizontal
diff --git a/media/img/icons/loading.svg b/media/img/icons/loading.svg
new file mode 100644
index 0000000000..6e3985f6b2
--- /dev/null
+++ b/media/img/icons/loading.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.s1{animation:s .8s linear infinite;animation-delay:-.8s}.s2{animation-delay:-.65s}.s3{animation-delay:-.5s}@keyframes s{93.75%,100%{opacity:.2}}</style><circle class="s1" cx="4" cy="12" r="3"/><circle class="s1 s2" cx="12" cy="12" r="3"/><circle class="s1 s3" cx="20" cy="12" r="3"/></svg>
diff --git a/media/js/base/send-to-device.es6.js b/media/js/base/send-to-device.es6.js
index 5ccfcf2394..0c7dcaa708 100644
--- a/media/js/base/send-to-device.es6.js
+++ b/media/js/base/send-to-device.es6.js
@@ -4,7 +4,6 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import Spinner from '../libs/spin.min';
 import FormUtils from '../newsletter/form-utils.es6';
 
 const SendToDevice = function (id) {
@@ -27,23 +26,6 @@ const SendToDevice = function (id) {
     this.spinnerTarget = this.form.querySelector('.loading-spinner');
     this.sendAnotherLink = this.form.querySelector('.send-another');
     this.formHeading = this.widget.querySelector('.form-heading');
-    this.spinnerColor =
-        this.widget.getAttribute('data-spinner-color') || '#000';
-
-    this.spinner = new Spinner({
-        lines: 12, // The number of lines to draw
-        length: 4, // The length of each line
-        width: 2, // The line thickness
-        radius: 4, // The radius of the inner circle
-        corners: 0, // Corner roundness (0..1)
-        rotate: 0, // The rotation offset
-        direction: 1, // 1: clockwise, -1: counterclockwise
-        color: this.spinnerColor, // #rgb or #rrggbb or array of colors
-        speed: 1, // Rounds per second
-        trail: 60, // Afterglow percentage
-        shadow: false, // Whether to render a shadow
-        hwaccel: true // Whether to use hardware acceleration
-    });
 };
 
 /**
@@ -116,7 +98,6 @@ SendToDevice.prototype.disableForm = function () {
     this.input.disabled = true;
     this.form.classList.add('loading');
     this.spinnerTarget.style.display = 'block';
-    this.spinner.spin(this.spinnerTarget);
 };
 
 SendToDevice.prototype.validateFields = function () {
diff --git a/media/js/libs/spin.min.js b/media/js/libs/spin.min.js
deleted file mode 100644
index fe2ac9352f..0000000000
--- a/media/js/libs/spin.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-//fgnass.github.com/spin.js#v2.0.1
-!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(b):a.Spinner=b()}(this,function(){"use strict";function a(a,b){var c,d=document.createElement(a||"div");for(c in b)d[c]=b[c];return d}function b(a){for(var b=1,c=arguments.length;c>b;b++)a.appendChild(arguments[b]);return a}function c(a,b,c,d){var e=["opacity",b,~~(100*a),c,d].join("-"),f=.01+c/d*100,g=Math.max(1-(1-a)/b*(100-f),a),h=j.substring(0,j.indexOf("Animation")).toLowerCase(),i=h&&"-"+h+"-"||"";return l[e]||(m.insertRule("@"+i+"keyframes "+e+"{0%{opacity:"+g+"}"+f+"%{opacity:"+a+"}"+(f+.01)+"%{opacity:1}"+(f+b)%100+"%{opacity:"+a+"}100%{opacity:"+g+"}}",m.cssRules.length),l[e]=1),e}function d(a,b){var c,d,e=a.style;for(b=b.charAt(0).toUpperCase()+b.slice(1),d=0;d<k.length;d++)if(c=k[d]+b,void 0!==e[c])return c;return void 0!==e[b]?b:void 0}function e(a,b){for(var c in b)a.style[d(a,c)||c]=b[c];return a}function f(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)void 0===a[d]&&(a[d]=c[d])}return a}function g(a,b){return"string"==typeof a?a:a[b%a.length]}function h(a){this.opts=f(a||{},h.defaults,n)}function i(){function c(b,c){return a("<"+b+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',c)}m.addRule(".spin-vml","behavior:url(#default#VML)"),h.prototype.lines=function(a,d){function f(){return e(c("group",{coordsize:k+" "+k,coordorigin:-j+" "+-j}),{width:k,height:k})}function h(a,h,i){b(m,b(e(f(),{rotation:360/d.lines*a+"deg",left:~~h}),b(e(c("roundrect",{arcsize:d.corners}),{width:j,height:d.width,left:d.radius,top:-d.width>>1,filter:i}),c("fill",{color:g(d.color,a),opacity:d.opacity}),c("stroke",{opacity:0}))))}var i,j=d.length+d.width,k=2*j,l=2*-(d.width+d.length)+"px",m=e(f(),{position:"absolute",top:l,left:l});if(d.shadow)for(i=1;i<=d.lines;i++)h(i,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(i=1;i<=d.lines;i++)h(i);return b(a,m)},h.prototype.opacity=function(a,b,c,d){var e=a.firstChild;d=d.shadow&&d.lines||0,e&&b+d<e.childNodes.length&&(e=e.childNodes[b+d],e=e&&e.firstChild,e=e&&e.firstChild,e&&(e.opacity=c))}}var j,k=["webkit","Moz","ms","O"],l={},m=function(){var c=a("style",{type:"text/css"});return b(document.getElementsByTagName("head")[0],c),c.sheet||c.styleSheet}(),n={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"50%",left:"50%",position:"absolute"};h.defaults={},f(h.prototype,{spin:function(b){this.stop();{var c=this,d=c.opts,f=c.el=e(a(0,{className:d.className}),{position:d.position,width:0,zIndex:d.zIndex});d.radius+d.length+d.width}if(e(f,{left:d.left,top:d.top}),b&&b.insertBefore(f,b.firstChild||null),f.setAttribute("role","progressbar"),c.lines(f,c.opts),!j){var g,h=0,i=(d.lines-1)*(1-d.direction)/2,k=d.fps,l=k/d.speed,m=(1-d.opacity)/(l*d.trail/100),n=l/d.lines;!function o(){h++;for(var a=0;a<d.lines;a++)g=Math.max(1-(h+(d.lines-a)*n)%l*m,d.opacity),c.opacity(f,a*d.direction+i,g,d);c.timeout=c.el&&setTimeout(o,~~(1e3/k))}()}return c},stop:function(){var a=this.el;return a&&(clearTimeout(this.timeout),a.parentNode&&a.parentNode.removeChild(a),this.el=void 0),this},lines:function(d,f){function h(b,c){return e(a(),{position:"absolute",width:f.length+f.width+"px",height:f.width+"px",background:b,boxShadow:c,transformOrigin:"left",transform:"rotate("+~~(360/f.lines*k+f.rotate)+"deg) translate("+f.radius+"px,0)",borderRadius:(f.corners*f.width>>1)+"px"})}for(var i,k=0,l=(f.lines-1)*(1-f.direction)/2;k<f.lines;k++)i=e(a(),{position:"absolute",top:1+~(f.width/2)+"px",transform:f.hwaccel?"translate3d(0,0,0)":"",opacity:f.opacity,animation:j&&c(f.opacity,f.trail,l+k*f.direction,f.lines)+" "+1/f.speed+"s linear infinite"}),f.shadow&&b(i,e(h("#000","0 0 4px #000"),{top:"2px"})),b(d,b(i,h(g(f.color,k),"0 0 1px rgba(0,0,0,.1)")));return d},opacity:function(a,b,c){b<a.childNodes.length&&(a.childNodes[b].style.opacity=c)}});var o=e(a("group"),{behavior:"url(#default#VML)"});return!d(o,"transform")&&o.adj?i():j=d(o,"animation"),h});
diff --git a/media/js/newsletter/management.es6.js b/media/js/newsletter/management.es6.js
index 6eec2064a7..47f63d5f06 100644
--- a/media/js/newsletter/management.es6.js
+++ b/media/js/newsletter/management.es6.js
@@ -4,8 +4,6 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import Spinner from '../libs/spin.min';
-
 import FormUtils from './form-utils.es6';
 
 const FXA_NEWSLETTERS = [
@@ -745,23 +743,7 @@ const NewsletterManagementForm = {
 
                 // Display a loading spinner whilst form data is being fetched.
                 const spinnerTarget = _form.querySelector('.loading-spinner');
-                const spinner = new Spinner({
-                    lines: 12, // The number of lines to draw
-                    length: 4, // The length of each line
-                    width: 2, // The line thickness
-                    radius: 4, // The radius of the inner circle
-                    corners: 0, // Corner roundness (0..1)
-                    rotate: 0, // The rotation offset
-                    direction: 1, // 1: clockwise, -1: counterclockwise
-                    color: '#000', // #rgb or #rrggbb or array of colors
-                    speed: 1, // Rounds per second
-                    trail: 60, // Afterglow percentage
-                    shadow: false, // Whether to render a shadow
-                    hwaccel: true // Whether to use hardware acceleration
-                });
-
                 spinnerTarget.classList.remove('hidden');
-                spinner.spin(spinnerTarget);
 
                 // Fetch all the required data needed to render the form.
                 return window.Promise.all([
diff --git a/tests/unit/spec/base/send-to-device.js b/tests/unit/spec/base/send-to-device.js
index 83097417c1..6028d385a4 100644
--- a/tests/unit/spec/base/send-to-device.js
+++ b/tests/unit/spec/base/send-to-device.js
@@ -39,10 +39,6 @@ describe('send-to-device.js', function () {
 
         document.body.insertAdjacentHTML('beforeend', formMarkup);
 
-        // stub out spinner.js
-        window.Spinner = sinon.stub();
-        window.Spinner.prototype.spin = sinon.stub();
-
         // stub out google tag manager
         window.dataLayer = sinon.stub();
         window.dataLayer.push = sinon.stub();