diff --git a/ext/src/icons/cast-connected.svg b/ext/src/icons/cast-connected.svg
new file mode 100644
index 0000000..4f591e3
--- /dev/null
+++ b/ext/src/icons/cast-connected.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#0a84ff">
+    <path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
+    <path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
+    <path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM4 4v2.52A9.07 9.07 0 0 1 9.48 12H12V4z"/>
+</svg>
diff --git a/ext/src/icons/cast-connecting-dark.svg b/ext/src/icons/cast-connecting-dark.svg
new file mode 100644
index 0000000..e4b1abf
--- /dev/null
+++ b/ext/src/icons/cast-connecting-dark.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(12, 12, 13, 0.8)">
+    <style>
+        @keyframes blink {
+            0% { opacity: 1 }
+        }
+
+        .wave {
+            animation-name: blink;
+            animation-duration: 1500ms;
+            animation-iteration-count: infinite;
+            animation-timing-function: ease-out;
+            opacity: 0.3;
+        }
+
+        .wave-1 { animation-delay: 500ms; }
+        .wave-2 { animation-delay: 1000ms; }
+        .wave-3 { animation-delay: 1500ms; }
+    </style>
+
+    <path d="M12,1H4A3,3,0,0,0,1,4V6H3V4A1,1,0,0,1,4,3h8a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1H10v2h2a3,3,0,0,0,3-3V4A3,3,0,0,0,12,1Z"/>
+    <path class="wave wave-1" d="M1,15V13H1a2,2,0,0,1,2,2H1Z"/>
+    <path class="wave wave-2" d="M1,12a3,3,0,0,1,3,3H6a5,5,0,0,0-5-5Z"/>
+    <path class="wave wave-3" d="M7,15H9A8,8,0,0,0,1,7V9A6,6,0,0,1,7,15Z"/>
+</svg>
diff --git a/ext/src/icons/cast-connecting-light.svg b/ext/src/icons/cast-connecting-light.svg
new file mode 100644
index 0000000..f24a317
--- /dev/null
+++ b/ext/src/icons/cast-connecting-light.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(249, 249, 250, 0.8)">
+    <style>
+        @keyframes blink {
+            0% { opacity: 1 }
+        }
+
+        .wave {
+            animation-name: blink;
+            animation-duration: 1500ms;
+            animation-iteration-count: infinite;
+            animation-timing-function: ease-out;
+            opacity: 0.3;
+        }
+
+        .wave-1 { animation-delay: 500ms; }
+        .wave-2 { animation-delay: 1000ms; }
+        .wave-3 { animation-delay: 1500ms; }
+    </style>
+
+    <path d="M12,1H4A3,3,0,0,0,1,4V6H3V4A1,1,0,0,1,4,3h8a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1H10v2h2a3,3,0,0,0,3-3V4A3,3,0,0,0,12,1Z"/>
+    <path class="wave wave-1" d="M1,15V13H1a2,2,0,0,1,2,2H1Z"/>
+    <path class="wave wave-2" d="M1,12a3,3,0,0,1,3,3H6a5,5,0,0,0-5-5Z"/>
+    <path class="wave wave-3" d="M7,15H9A8,8,0,0,0,1,7V9A6,6,0,0,1,7,15Z"/>
+</svg>
diff --git a/ext/src/icons/cast-default-dark.svg b/ext/src/icons/cast-default-dark.svg
new file mode 100644
index 0000000..bc18280
--- /dev/null
+++ b/ext/src/icons/cast-default-dark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(12, 12, 13, 0.8)">
+    <path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
+    <path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
+    <path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
+</svg>
diff --git a/ext/src/icons/cast-default-light.svg b/ext/src/icons/cast-default-light.svg
new file mode 100644
index 0000000..d828be9
--- /dev/null
+++ b/ext/src/icons/cast-default-light.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(249, 249, 250, 0.8)">
+    <path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
+    <path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
+    <path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
+</svg>
diff --git a/ext/src/icons/cast-disabled-dark.svg b/ext/src/icons/cast-disabled-dark.svg
new file mode 100644
index 0000000..2fc65f5
--- /dev/null
+++ b/ext/src/icons/cast-disabled-dark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(12, 12, 13, 0.8)" fill-opacity="0.5">
+    <path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
+    <path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
+    <path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
+</svg>
diff --git a/ext/src/icons/cast-disabled-light.svg b/ext/src/icons/cast-disabled-light.svg
new file mode 100644
index 0000000..093c366
--- /dev/null
+++ b/ext/src/icons/cast-disabled-light.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(249, 249, 250, 0.8)" fill-opacity="0.5">
+    <path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
+    <path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
+    <path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
+</svg>
diff --git a/ext/src/manifest.json b/ext/src/manifest.json
index c646bd1..54b62f9 100755
--- a/ext/src/manifest.json
+++ b/ext/src/manifest.json
@@ -11,6 +11,13 @@
     }
   , "browser_action": {
         "default_popup": "popup/index.html"
+      , "theme_icons": [
+            {
+                "light": "icons/cast-default-light.svg"
+              , "dark": "icons/cast-default-dark.svg"
+              , "size": 32
+            }
+        ]
     }
 
   , "background": {