diff --git a/src/vs/base/browser/ui/dialog/dialog.ts b/src/vs/base/browser/ui/dialog/dialog.ts
index c19356b43559ff7d8a80dad83acb2f4ce02347fa..6f56c306563ad7b2894d2dc9a4d773f1479b9c97 100644
--- a/src/vs/base/browser/ui/dialog/dialog.ts
+++ b/src/vs/base/browser/ui/dialog/dialog.ts
@@ -40,6 +40,7 @@ export class Dialog extends Disposable {
 	private buttonGroup: ButtonGroup | undefined;
 	private styles: IDialogStyles | undefined;
 	private focusToReturn: HTMLElement | undefined;
+	private iconRotatingInternal: any | undefined;
 
 	constructor(private container: HTMLElement, private message: string, private buttons: string[], private options: IDialogOptions) {
 		super();
@@ -162,6 +163,15 @@ export class Dialog extends Disposable {
 					break;
 				case 'pending':
 					addClass(this.iconElement, 'icon-pending');
+					let deg = 0;
+					this.iconRotatingInternal = setInterval(() => {
+						if (this.iconElement) {
+							this.iconElement.style.transform = `rotate(${deg}deg)`;
+							deg += 45; // 360 / 8
+						} else {
+							this.iconRotatingInternal = undefined;
+						}
+					}, 125 /** 1000 / 8 */);
 					break;
 				case 'none':
 				case 'info':
@@ -223,6 +233,10 @@ export class Dialog extends Disposable {
 			this.modal = undefined;
 		}
 
+		if (this.iconRotatingInternal) {
+			this.iconRotatingInternal = undefined;
+		}
+
 		if (this.focusToReturn && isAncestor(this.focusToReturn, document.body)) {
 			this.focusToReturn.focus();
 			this.focusToReturn = undefined;
diff --git a/src/vs/base/browser/ui/dialog/pending-dark.svg b/src/vs/base/browser/ui/dialog/pending-dark.svg
index bbf6e8d84cfcd07f5ee5302c03b20cfcbb9e0763..97810808c33f2dab8ecd0d9db84b1ad6317d2379 100644
--- a/src/vs/base/browser/ui/dialog/pending-dark.svg
+++ b/src/vs/base/browser/ui/dialog/pending-dark.svg
@@ -1,31 +1,13 @@
 <?xml version='1.0' standalone='no' ?>
 <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10px' height='10px'>
-	<style>
-    circle {
-      animation: ball 1.04s linear infinite;
-    }
-
-    circle:nth-child(2) { animation-delay: 0.13s; }
-    circle:nth-child(3) { animation-delay: 0.26s; }
-    circle:nth-child(4) { animation-delay: 0.39s; }
-    circle:nth-child(5) { animation-delay: 0.52s; }
-    circle:nth-child(6) { animation-delay: 0.65s; }
-    circle:nth-child(7) { animation-delay: 0.78s; }
-    circle:nth-child(8) { animation-delay: 0.91s; }
-
-    @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
-    }
-	</style>
 	<g style="fill:grey;">
-		<circle cx='5' cy='1' r='1' style='opacity:0.3;' />
-		<circle cx='7.8284' cy='2.1716' r='1' style='opacity:0.3;' />
-		<circle cx='9' cy='5' r='1' style='opacity:0.3;' />
-		<circle cx='7.8284' cy='7.8284' r='1' style='opacity:0.3;' />
-		<circle cx='5' cy='9' r='1' style='opacity:0.3;' />
-		<circle cx='2.1716' cy='7.8284' r='1' style='opacity:0.3;' />
-		<circle cx='1' cy='5' r='1' style='opacity:0.3;' />
+		<circle cx='5' cy='1' r='1' style='opacity: 1.0;' />
+		<circle cx='7.8284' cy='2.1716' r='1' style='opacity:0.9;' />
+		<circle cx='9' cy='5' r='1' style='opacity:0.8;' />
+		<circle cx='7.8284' cy='7.8284' r='1' style='opacity:0.7;' />
+		<circle cx='5' cy='9' r='1' style='opacity:0.6;' />
+		<circle cx='2.1716' cy='7.8284' r='1' style='opacity:0.5;' />
+		<circle cx='1' cy='5' r='1' style='opacity:0.4;' />
 		<circle cx='2.1716' cy='2.1716' r='1' style='opacity:0.3;' />
 	</g>
 </svg>
diff --git a/src/vs/base/browser/ui/dialog/pending-hc.svg b/src/vs/base/browser/ui/dialog/pending-hc.svg
index 4d0b2a10c794c04541e7c12ef4634917533c8d94..73c63ba3ce20d256223b8b783c5af9d06e50fe76 100644
--- a/src/vs/base/browser/ui/dialog/pending-hc.svg
+++ b/src/vs/base/browser/ui/dialog/pending-hc.svg
@@ -1,31 +1,13 @@
 <?xml version='1.0' standalone='no' ?>
 <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10px' height='10px'>
-	<style>
-    circle {
-      animation: ball 1.04s linear infinite;
-    }
-
-    circle:nth-child(2) { animation-delay: 0.13s; }
-    circle:nth-child(3) { animation-delay: 0.26s; }
-    circle:nth-child(4) { animation-delay: 0.39s; }
-    circle:nth-child(5) { animation-delay: 0.52s; }
-    circle:nth-child(6) { animation-delay: 0.65s; }
-    circle:nth-child(7) { animation-delay: 0.78s; }
-    circle:nth-child(8) { animation-delay: 0.91s; }
-
-    @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
-    }
-	</style>
 	<g style="fill:white;">
-		<circle cx='5' cy='1' r='1' style='opacity:0.3;' />
-		<circle cx='7.8284' cy='2.1716' r='1' style='opacity:0.3;' />
-		<circle cx='9' cy='5' r='1' style='opacity:0.3;' />
-		<circle cx='7.8284' cy='7.8284' r='1' style='opacity:0.3;' />
-		<circle cx='5' cy='9' r='1' style='opacity:0.3;' />
-		<circle cx='2.1716' cy='7.8284' r='1' style='opacity:0.3;' />
-		<circle cx='1' cy='5' r='1' style='opacity:0.3;' />
+		<circle cx='5' cy='1' r='1' style='opacity: 1.0;' />
+		<circle cx='7.8284' cy='2.1716' r='1' style='opacity:0.9;' />
+		<circle cx='9' cy='5' r='1' style='opacity:0.8;' />
+		<circle cx='7.8284' cy='7.8284' r='1' style='opacity:0.7;' />
+		<circle cx='5' cy='9' r='1' style='opacity:0.6;' />
+		<circle cx='2.1716' cy='7.8284' r='1' style='opacity:0.5;' />
+		<circle cx='1' cy='5' r='1' style='opacity:0.4;' />
 		<circle cx='2.1716' cy='2.1716' r='1' style='opacity:0.3;' />
 	</g>
 </svg>
diff --git a/src/vs/base/browser/ui/dialog/pending.svg b/src/vs/base/browser/ui/dialog/pending.svg
index 596cfdd60cd6104c6410be3d62c48b57618e6991..113a96cfcf20b200dcb0faa8075d495567b190f5 100644
--- a/src/vs/base/browser/ui/dialog/pending.svg
+++ b/src/vs/base/browser/ui/dialog/pending.svg
@@ -1,31 +1,13 @@
 <?xml version='1.0' standalone='no' ?>
 <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10px' height='10px'>
-	<style>
-    circle {
-      animation: ball 1.04s linear infinite;
-    }
-
-    circle:nth-child(2) { animation-delay: 0.13s; }
-    circle:nth-child(3) { animation-delay: 0.26s; }
-    circle:nth-child(4) { animation-delay: 0.39s; }
-    circle:nth-child(5) { animation-delay: 0.52s; }
-    circle:nth-child(6) { animation-delay: 0.65s; }
-    circle:nth-child(7) { animation-delay: 0.78s; }
-    circle:nth-child(8) { animation-delay: 0.91s; }
-
-    @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
-    }
-	</style>
 	<g>
-		<circle cx='5' cy='1' r='1' style='opacity:0.3;' />
-		<circle cx='7.8284' cy='2.1716' r='1' style='opacity:0.3;' />
-		<circle cx='9' cy='5' r='1' style='opacity:0.3;' />
-		<circle cx='7.8284' cy='7.8284' r='1' style='opacity:0.3;' />
-		<circle cx='5' cy='9' r='1' style='opacity:0.3;' />
-		<circle cx='2.1716' cy='7.8284' r='1' style='opacity:0.3;' />
-		<circle cx='1' cy='5' r='1' style='opacity:0.3;' />
+		<circle cx='5' cy='1' r='1' style='opacity: 1.0;' />
+		<circle cx='7.8284' cy='2.1716' r='1' style='opacity:0.9;' />
+		<circle cx='9' cy='5' r='1' style='opacity:0.8;' />
+		<circle cx='7.8284' cy='7.8284' r='1' style='opacity:0.7;' />
+		<circle cx='5' cy='9' r='1' style='opacity:0.6;' />
+		<circle cx='2.1716' cy='7.8284' r='1' style='opacity:0.5;' />
+		<circle cx='1' cy='5' r='1' style='opacity:0.4;' />
 		<circle cx='2.1716' cy='2.1716' r='1' style='opacity:0.3;' />
 	</g>
 </svg>