diff --git a/extension/action_popup.css b/extension/action_popup.css
index 5662b902..02975c4f 100644
--- a/extension/action_popup.css
+++ b/extension/action_popup.css
@@ -1,39 +1,39 @@
 body {
     width: 24em;
     /* prevent scroll bars*/
     overflow: hidden;
     margin: 0;
     /* apply the chrome default styling explicitly so it also works in Firefox */
     font-family: "Noto Sans", sans-serif;
     font-size: 75%;
 }
 
 .hidden {
     display: none;
 }
 
 header {
     background: #1d99f3;
     padding: 2px;
     color: #fff;
     text-align: center;
 }
 
 section > header {
     background: #F0F0F0;
     color: #757777;
     margin: 0 -1em .5em -1em;
 }
 
 .message {
     padding: 10px;
 }
 .message.with-icon::before {
     content: '';
     height: 48px;
     display: block;
     background: center no-repeat;
 }
 .message.with-icon.error::before {
-    background-image: url('icons/sad-face-48.png');
+    background-image: url('icons/sad-face.svg');
 }
diff --git a/extension/icons/sad-face-128.png b/extension/icons/sad-face-128.png
deleted file mode 100644
index 2f1fe603..00000000
Binary files a/extension/icons/sad-face-128.png and /dev/null differ
diff --git a/extension/icons/sad-face-16.png b/extension/icons/sad-face-16.png
deleted file mode 100644
index eb485071..00000000
Binary files a/extension/icons/sad-face-16.png and /dev/null differ
diff --git a/extension/icons/sad-face-32.png b/extension/icons/sad-face-32.png
deleted file mode 100644
index 56ab4405..00000000
Binary files a/extension/icons/sad-face-32.png and /dev/null differ
diff --git a/extension/icons/sad-face-48.png b/extension/icons/sad-face-48.png
deleted file mode 100644
index 8210db5d..00000000
Binary files a/extension/icons/sad-face-48.png and /dev/null differ
diff --git a/extension/icons/sad-face.svg b/extension/icons/sad-face.svg
new file mode 100644
index 00000000..113a02f8
--- /dev/null
+++ b/extension/icons/sad-face.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#232629;
+      }
+      </style>
+  </defs>
+ <path 
+    style="fill:currentColor;fill-opacity:1;stroke:none" 
+    d="M 3 3 L 3 19 L 4 19 L 19 19 L 19 18 L 19 3 L 18 3 L 4 3 L 3 3 z M 4 4 L 18 4 L 18 18 L 4 18 L 4 4 z M 5 5 L 5 6 L 6 6 L 6 5 L 5 5 z M 6 6 L 6 8 L 8 8 L 8 6 L 6 6 z M 8 6 L 9 6 L 9 5 L 8 5 L 8 6 z M 8 8 L 8 9 L 9 9 L 9 8 L 8 8 z M 6 8 L 5 8 L 5 9 L 6 9 L 6 8 z M 13 5 L 13 6 L 14 6 L 14 5 L 13 5 z M 14 6 L 14 8 L 16 8 L 16 6 L 14 6 z M 16 6 L 17 6 L 17 5 L 16 5 L 16 6 z M 16 8 L 16 9 L 17 9 L 17 8 L 16 8 z M 14 8 L 13 8 L 13 9 L 14 9 L 14 8 z M 9 11 L 9 13 L 13 13 L 13 11 L 9 11 z M 13 13 L 13 15 L 15 15 L 15 13 L 13 13 z M 15 15 L 15 17 L 17 17 L 17 15 L 15 15 z M 9 13 L 7 13 L 7 15 L 9 15 L 9 13 z M 7 15 L 5 15 L 5 17 L 7 17 L 7 15 z "
+    class="ColorScheme-Text"
+    />  
+</svg>