diff --git a/debug_toolbar/static/debug_toolbar/css/toolbar.css b/debug_toolbar/static/debug_toolbar/css/toolbar.css
index 439ad433d..15412b9e5 100644
--- a/debug_toolbar/static/debug_toolbar/css/toolbar.css
+++ b/debug_toolbar/static/debug_toolbar/css/toolbar.css
@@ -234,8 +234,18 @@
 }
 
 #djDebug .djDebugPanelContent .djdt-loader {
-    display: block;
     margin: 80px auto;
+    border: 6px solid white;
+    border-radius: 50%;
+    border-top: 6px solid #ffe761;
+    width: 38px;
+    height: 38px;
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
 }
 
 #djDebug .djDebugPanelContent .djdt-scroll {
diff --git a/debug_toolbar/static/debug_toolbar/img/ajax-loader.gif b/debug_toolbar/static/debug_toolbar/img/ajax-loader.gif
deleted file mode 100644
index a7c3f2bac..000000000
Binary files a/debug_toolbar/static/debug_toolbar/img/ajax-loader.gif and /dev/null differ
diff --git a/debug_toolbar/templates/debug_toolbar/includes/panel_content.html b/debug_toolbar/templates/debug_toolbar/includes/panel_content.html
index 81d9bd36c..127152437 100644
--- a/debug_toolbar/templates/debug_toolbar/includes/panel_content.html
+++ b/debug_toolbar/templates/debug_toolbar/includes/panel_content.html
@@ -8,7 +8,7 @@ <h3>{{ panel.title }}</h3>
     </div>
     <div class="djDebugPanelContent">
       {% if toolbar.store_id %}
-        <img src="{% static 'debug_toolbar/img/ajax-loader.gif' %}" alt="loading" class="djdt-loader">
+        <div class="djdt-loader"></div>
         <div class="djdt-scroll"></div>
       {% else %}
         <div class="djdt-scroll">{{ panel.content }}</div>
diff --git a/tests/panels/test_custom.py b/tests/panels/test_custom.py
index 347199bc4..d279b3c22 100644
--- a/tests/panels/test_custom.py
+++ b/tests/panels/test_custom.py
@@ -37,7 +37,7 @@ def test_escapes_panel_title(self):
             <h3>Title with special chars &amp;&quot;&#39;&lt;&gt;</h3>
             </div>
             <div class="djDebugPanelContent">
-            <img class="djdt-loader" src="/static/debug_toolbar/img/ajax-loader.gif" alt="loading">
+            <div class="djdt-loader"></div>
             <div class="djdt-scroll"></div>
             </div>
             </div>
diff --git a/tests/panels/test_settings.py b/tests/panels/test_settings.py
index 596cce096..d398ae44f 100644
--- a/tests/panels/test_settings.py
+++ b/tests/panels/test_settings.py
@@ -28,7 +28,7 @@ def test_panel_title(self):
             <h3>Settings from None</h3>
             </div>
             <div class="djDebugPanelContent">
-            <img class="djdt-loader" src="/static/debug_toolbar/img/ajax-loader.gif" alt="loading">
+            <div class="djdt-loader"></div>
             <div class="djdt-scroll"></div>
             </div>
             </div>