diff --git a/core/css.ts b/core/css.ts
index 503b6362ba2..3e5ed78ef75 100644
--- a/core/css.ts
+++ b/core/css.ts
@@ -452,7 +452,7 @@ input[type=number] {
 }
 
 .blocklyMenuItemSelected .blocklyMenuItemCheckbox {
-  background: url(<<<PATH>>>/sprites.png) no-repeat -48px -16px;
+  background: url(<<<PATH>>>/sprites.svg) no-repeat -48px -16px;
   float: left;
   margin-left: -24px;
   position: static;  /* Scroll with the menu. */
diff --git a/core/sprites.ts b/core/sprites.ts
index 41933de3dae..300e1ce06e0 100644
--- a/core/sprites.ts
+++ b/core/sprites.ts
@@ -11,5 +11,5 @@
 export const SPRITE = {
   width: 96,
   height: 124,
-  url: 'sprites.png',
+  url: 'sprites.svg',
 };
diff --git a/core/toolbox/category.ts b/core/toolbox/category.ts
index 7b0db7b3fcd..dd42a549f69 100644
--- a/core/toolbox/category.ts
+++ b/core/toolbox/category.ts
@@ -692,7 +692,7 @@ Css.register(`
 }
 
 .blocklyToolboxCategoryIcon {
-  background-image: url(<<<PATH>>>/sprites.png);
+  background-image: url(<<<PATH>>>/sprites.svg);
   height: 16px;
   vertical-align: middle;
   visibility: hidden;
diff --git a/media/sprites.png b/media/sprites.png
deleted file mode 100644
index 20aadb6c4c3..00000000000
Binary files a/media/sprites.png and /dev/null differ