diff --git a/res/css/views/rooms/_MessageComposer.pcss b/res/css/views/rooms/_MessageComposer.pcss
index b1a256cb4f7..cde4de395a9 100644
--- a/res/css/views/rooms/_MessageComposer.pcss
+++ b/res/css/views/rooms/_MessageComposer.pcss
@@ -254,7 +254,7 @@ limitations under the License.
}
.mx_MessageComposer_voiceMessage::before {
- mask-image: url("$(res)/img/voip/mic-on-mask.svg");
+ mask-image: url("$(res)/img/element-icons/mic.svg");
}
.mx_MessageComposer_voiceBroadcast::before {
diff --git a/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss b/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
index 8127c163fef..ebc16529993 100644
--- a/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
+++ b/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
@@ -94,7 +94,9 @@ limitations under the License.
}
&.mx_LegacyCallViewButtons_button_mic::before {
- mask-image: url("$(res)/img/voip/call-view/mic-on.svg");
+ height: 20px;
+ mask-image: url("$(res)/img/element-icons/mic.svg");
+ width: 20px;
}
&.mx_LegacyCallViewButtons_button_vid::before {
@@ -123,7 +125,9 @@ limitations under the License.
}
&.mx_LegacyCallViewButtons_button_mic::before {
- mask-image: url("$(res)/img/voip/call-view/mic-off.svg");
+ height: 20px;
+ mask-image: url("$(res)/img/element-icons/Mic-off.svg");
+ width: 20px;
}
&.mx_LegacyCallViewButtons_button_vid::before {
diff --git a/res/css/views/voip/_CallView.pcss b/res/css/views/voip/_CallView.pcss
index 0869a29a8a0..b320d8588e0 100644
--- a/res/css/views/voip/_CallView.pcss
+++ b/res/css/views/voip/_CallView.pcss
@@ -135,7 +135,8 @@ limitations under the License.
}
&.mx_CallView_deviceButton_audio::before {
- mask-image: url("$(res)/img/voip/call-view/mic-on.svg");
+ mask-image: url("$(res)/img/element-icons/mic.svg");
+ mask-size: 14px;
}
&.mx_CallView_deviceButton_video::before {
@@ -179,7 +180,8 @@ limitations under the License.
.mx_CallView_deviceButton {
&.mx_CallView_deviceButton_audio::before {
- mask-image: url("$(res)/img/voip/call-view/mic-off.svg");
+ mask-image: url("$(res)/img/element-icons/Mic-off.svg");
+ mask-size: 14px;
}
&.mx_CallView_deviceButton_video::before {
diff --git a/res/css/views/voip/_VideoFeed.pcss b/res/css/views/voip/_VideoFeed.pcss
index 6a9810e07be..53d00c12f84 100644
--- a/res/css/views/voip/_VideoFeed.pcss
+++ b/res/css/views/voip/_VideoFeed.pcss
@@ -70,8 +70,8 @@ limitations under the License.
&::before {
position: absolute;
content: "";
- width: 16px;
- height: 16px;
+ width: 17px;
+ height: 17px;
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
@@ -80,11 +80,11 @@ limitations under the License.
}
&.mx_VideoFeed_mic_muted::before {
- mask-image: url("$(res)/img/voip/mic-muted.svg");
+ mask-image: url("$(res)/img/element-icons/Mic-off.svg");
}
&.mx_VideoFeed_mic_unmuted::before {
- mask-image: url("$(res)/img/voip/mic-unmuted.svg");
+ mask-image: url("$(res)/img/element-icons/mic.svg");
}
}
}
diff --git a/res/img/element-icons/Mic-off.svg b/res/img/element-icons/Mic-off.svg
new file mode 100644
index 00000000000..0bf1c3f922a
--- /dev/null
+++ b/res/img/element-icons/Mic-off.svg
@@ -0,0 +1,5 @@
+
diff --git a/res/img/element-icons/Mic.svg b/res/img/element-icons/mic.svg
similarity index 100%
rename from res/img/element-icons/Mic.svg
rename to res/img/element-icons/mic.svg
diff --git a/res/img/voip/call-view/mic-off.svg b/res/img/voip/call-view/mic-off.svg
deleted file mode 100644
index 74d821e6256..00000000000
--- a/res/img/voip/call-view/mic-off.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/res/img/voip/call-view/mic-on.svg b/res/img/voip/call-view/mic-on.svg
deleted file mode 100644
index 317d10b2962..00000000000
--- a/res/img/voip/call-view/mic-on.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/res/img/voip/mic-muted.svg b/res/img/voip/mic-muted.svg
deleted file mode 100644
index 0cb7ad1c9e5..00000000000
--- a/res/img/voip/mic-muted.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/res/img/voip/mic-on-mask.svg b/res/img/voip/mic-on-mask.svg
deleted file mode 100644
index 418316b1642..00000000000
--- a/res/img/voip/mic-on-mask.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/res/img/voip/mic-unmuted.svg b/res/img/voip/mic-unmuted.svg
deleted file mode 100644
index 8334cafa0ad..00000000000
--- a/res/img/voip/mic-unmuted.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx b/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
index c0fdb20fd2e..b4275cafc86 100644
--- a/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
+++ b/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
@@ -17,7 +17,7 @@ import classNames from "classnames";
import { LiveBadge, VoiceBroadcastLiveness } from "../..";
import { Icon as LiveIcon } from "../../../../res/img/element-icons/live.svg";
-import { Icon as MicrophoneIcon } from "../../../../res/img/voip/call-view/mic-on.svg";
+import { Icon as MicrophoneIcon } from "../../../../res/img/element-icons/mic.svg";
import { Icon as TimerIcon } from "../../../../res/img/element-icons/Timer.svg";
import { _t } from "../../../languageHandler";
import RoomAvatar from "../../../components/views/avatars/RoomAvatar";
diff --git a/src/voice-broadcast/components/molecules/VoiceBroadcastRecordingPip.tsx b/src/voice-broadcast/components/molecules/VoiceBroadcastRecordingPip.tsx
index 1f97c5ba34e..41ce540922b 100644
--- a/src/voice-broadcast/components/molecules/VoiceBroadcastRecordingPip.tsx
+++ b/src/voice-broadcast/components/molecules/VoiceBroadcastRecordingPip.tsx
@@ -22,7 +22,7 @@ import { VoiceBroadcastHeader } from "../atoms/VoiceBroadcastHeader";
import { Icon as StopIcon } from "../../../../res/img/element-icons/Stop.svg";
import { Icon as PauseIcon } from "../../../../res/img/element-icons/pause.svg";
import { Icon as RecordIcon } from "../../../../res/img/element-icons/Record.svg";
-import { Icon as MicrophoneIcon } from "../../../../res/img/element-icons/Mic.svg";
+import { Icon as MicrophoneIcon } from "../../../../res/img/element-icons/mic.svg";
import { _t } from "../../../languageHandler";
import { useAudioDeviceSelection } from "../../../hooks/useAudioDeviceSelection";
import { DevicesContextMenu } from "../../../components/views/audio_messages/DevicesContextMenu";