diff --git a/src/assets/hud/share_camera-hover.png b/src/assets/hud/share_camera-hover.png
deleted file mode 100644
index f3ac1877a49e60780f8b0c28aa3ce22799600154..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/share_camera-hover.png and /dev/null differ
diff --git a/src/assets/hud/share_camera.png b/src/assets/hud/share_camera.png
deleted file mode 100644
index fd176add98ef6d8d5b4afea6f20b167581212b0a..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/share_camera.png and /dev/null differ
diff --git a/src/assets/hud/share_camera_off-hover.png b/src/assets/hud/share_camera_off-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..49c2499f3f14058e346c7c5df63947799273ca0c
Binary files /dev/null and b/src/assets/hud/share_camera_off-hover.png differ
diff --git a/src/assets/hud/share_camera_off.png b/src/assets/hud/share_camera_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..60e5d871db2f7e59199ed6f1fd102408721aed49
Binary files /dev/null and b/src/assets/hud/share_camera_off.png differ
diff --git a/src/assets/hud/share_camera_on-hover.png b/src/assets/hud/share_camera_on-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..8033903526a20e0890a3c92263b2f694ce27280a
Binary files /dev/null and b/src/assets/hud/share_camera_on-hover.png differ
diff --git a/src/assets/hud/share_camera_on.png b/src/assets/hud/share_camera_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..e866f72c418334cf1827fea4d59e4a2c2c27de3a
Binary files /dev/null and b/src/assets/hud/share_camera_on.png differ
diff --git a/src/assets/hud/share_screen-hover.png b/src/assets/hud/share_screen-hover.png
deleted file mode 100644
index f3ac1877a49e60780f8b0c28aa3ce22799600154..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/share_screen-hover.png and /dev/null differ
diff --git a/src/assets/hud/share_screen.png b/src/assets/hud/share_screen.png
deleted file mode 100644
index fd176add98ef6d8d5b4afea6f20b167581212b0a..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/share_screen.png and /dev/null differ
diff --git a/src/assets/hud/share_screen_off-hover.png b/src/assets/hud/share_screen_off-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..b376dfee7af6683e1c43b94bf65ac584662b8e5a
Binary files /dev/null and b/src/assets/hud/share_screen_off-hover.png differ
diff --git a/src/assets/hud/share_screen_off.png b/src/assets/hud/share_screen_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..57942952bacb062f0b7ab1d715d919f96f6d7e3a
Binary files /dev/null and b/src/assets/hud/share_screen_off.png differ
diff --git a/src/assets/hud/share_screen_on-hover.png b/src/assets/hud/share_screen_on-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..228140b32fcc89029ac8fe104fec788918e91cf7
Binary files /dev/null and b/src/assets/hud/share_screen_on-hover.png differ
diff --git a/src/assets/hud/share_screen_on.png b/src/assets/hud/share_screen_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d6546984d095e69644c2f7a5858b2c4d276b2e6
Binary files /dev/null and b/src/assets/hud/share_screen_on.png differ
diff --git a/src/assets/hud/share_window-hover.png b/src/assets/hud/share_window-hover.png
deleted file mode 100644
index f3ac1877a49e60780f8b0c28aa3ce22799600154..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/share_window-hover.png and /dev/null differ
diff --git a/src/assets/hud/share_window.png b/src/assets/hud/share_window.png
deleted file mode 100644
index fd176add98ef6d8d5b4afea6f20b167581212b0a..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/share_window.png and /dev/null differ
diff --git a/src/assets/hud/share_window_off-hover.png b/src/assets/hud/share_window_off-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..a659535ce703d68065e8d72fc455e5c302d8d098
Binary files /dev/null and b/src/assets/hud/share_window_off-hover.png differ
diff --git a/src/assets/hud/share_window_off.png b/src/assets/hud/share_window_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d28b415720a791c8b6371933b44b7a5a741c277
Binary files /dev/null and b/src/assets/hud/share_window_off.png differ
diff --git a/src/assets/hud/share_window_on-hover.png b/src/assets/hud/share_window_on-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..c835089be0ec475acd126d60770cd450f604ef22
Binary files /dev/null and b/src/assets/hud/share_window_on-hover.png differ
diff --git a/src/assets/hud/share_window_on.png b/src/assets/hud/share_window_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..adfc5291eee83d7bd1f0d07ea876e951cb798a56
Binary files /dev/null and b/src/assets/hud/share_window_on.png differ
diff --git a/src/assets/stylesheets/2d-hud.scss b/src/assets/stylesheets/2d-hud.scss
index 43785286361b83cadb8369cb841ad74dad9964c4..6eba978bd005a72d1795d62507a21de971a385bf 100644
--- a/src/assets/stylesheets/2d-hud.scss
+++ b/src/assets/stylesheets/2d-hud.scss
@@ -54,9 +54,8 @@
     background-color: rgba(79, 79, 79, 0.2);
     z-index: 1;
 
-    :local(.icon-button) {
+    :local(.iconButton) {
       margin-top: 4px;
-      background-color: $hud-panel-background;
     }
   }
 }
@@ -165,22 +164,40 @@
 }
 
 :local(.iconButton.share_camera) {
-  background-image: url(../hud/share_camera.png);
+  background-image: url(../hud/share_camera_off.png);
 }
 :local(.iconButton.share_camera:hover) {
-  background-image: url(../hud/share_camera-hover.png);
+  background-image: url(../hud/share_camera_off-hover.png);
+}
+:local(.iconButton.share_camera.active) {
+  background-image: url(../hud/share_camera_on.png);
+}
+:local(.iconButton.share_camera.active:hover) {
+  background-image: url(../hud/share_camera_on-hover.png);
 }
 
 :local(.iconButton.share_screen) {
-  background-image: url(../hud/share_screen.png);
+  background-image: url(../hud/share_screen_off.png);
 }
 :local(.iconButton.share_screen:hover) {
-  background-image: url(../hud/share_screen-hover.png);
+  background-image: url(../hud/share_screen_off-hover.png);
+}
+:local(.iconButton.share_screen.active) {
+  background-image: url(../hud/share_screen_on.png);
+}
+:local(.iconButton.share_screen.active:hover) {
+  background-image: url(../hud/share_screen_on-hover.png);
 }
 
 :local(.iconButton.share_window) {
-  background-image: url(../hud/share_window.png);
+  background-image: url(../hud/share_window_off.png);
 }
 :local(.iconButton.share_window:hover) {
-  background-image: url(../hud/share_window-hover.png);
+  background-image: url(../hud/share_window_off-hover.png);
+}
+:local(.iconButton.share_window.active) {
+  background-image: url(../hud/share_window_on.png);
+}
+:local(.iconButton.share_window.active:hover) {
+  background-image: url(../hud/share_window_on-hover.png);
 }