diff --git a/src/assets/icons/icon.tsx b/src/assets/icons/icon.tsx
index 40500e1d..e0ff9682 100644
--- a/src/assets/icons/icon.tsx
+++ b/src/assets/icons/icon.tsx
@@ -1,13 +1,6 @@
-import styled from "@emotion/styled";
-import MicMute from "./mic_off_24dp.svg";
-import MicUnmute from "./mic_on_24dp.svg";
+import MicMute from "./mic_off.svg";
+import MicUnmute from "./mic_on.svg";
 
-const Icon = styled.img`
-  width: 5rem;
-  padding-right: 1em;
-  pointer-events: none;
-`;
+export const MicMuted = () => <img src={MicMute} alt="off-microphone" />;
 
-export const MicMuted = () => <Icon src={MicMute} alt="red-microphone" />;
-
-export const MicUnmuted = () => <Icon src={MicUnmute} alt="green-microphone" />;
+export const MicUnmuted = () => <img src={MicUnmute} alt="on-microphone" />;
diff --git a/src/assets/icons/mic_off.svg b/src/assets/icons/mic_off.svg
new file mode 100644
index 00000000..e8243b03
--- /dev/null
+++ b/src/assets/icons/mic_off.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#FFF">
+    <path d="M 0 0 h 24 v 24 H 0 V 0 z" fill="none" />
+    <path
+        d="M 10.8 4.9 c 0 -0.7 0.5 -1.2 1.2 -1.2 s 1.2 0.5 1.2 1.2 l 0 3.9 L 15 10.6 V 5 c 0 -1.7 -1.3 -3 -3 -3 c -1.5 0 -2.8 1.2 -3 2.6 l 1.8 1.8 V 4.9 z M 19 11 h -1.7 c 0 0.6 -0.1 1.1 -0.3 1.6 l 1.3 1.3 c 0.4 -0.9 0.7 -1.9 0.7 -2.9 z M 4.4 2.9 L 3 4.3 l 6 6 V 11 c 0 1.7 1.3 3 3 3 c 0.2 0 0.4 0 0.7 -0.1 l 1.7 1.7 c -0.7 0.3 -1.5 0.5 -2.3 0.5 c -2.8 0 -5.3 -2.1 -5.3 -5.1 H 5 c 0 3.4 2.7 6.2 6 6.7 V 21 h 2 v -3.3 a 7.1 7.1 0 0 0 2.5 -0.9 l 4.2 4.2 l 1.4 -1.4 L 4.4 2.9 z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/mic_off_24dp.svg b/src/assets/icons/mic_off_24dp.svg
deleted file mode 100644
index 2379a5bb..00000000
--- a/src/assets/icons/mic_off_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/mic_on.svg b/src/assets/icons/mic_on.svg
new file mode 100644
index 00000000..97259022
--- /dev/null
+++ b/src/assets/icons/mic_on.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#FFF">
+    <g fill="none">
+        <path d="M 0 0 h 24 v 24 H 0 z" />
+        <path d="M 0 0 h 24 v 24 H 0 z" />
+        <path d="M 0 0 h 24 v 24 H 0 z" />
+    </g>
+    <path d="M 12 14 c 1.7 0 3 -1.3 3 -3 V 5 c 0 -1.7 -1.3 -3 -3 -3 S 9 3.3 9 5 v 6 c 0 1.7 1.3 3 3 3 z" />
+    <path
+        d="M 17 11 c 0 2.8 -2.2 5 -5 5 s -5 -2.2 -5 -5 H 5 c 0 3.5 2.6 6.4 6 6.9 V 21 h 2 v -3.1 c 3.4 -0.5 6 -3.4 6 -6.9 h -2 z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/mic_on_24dp.svg b/src/assets/icons/mic_on_24dp.svg
deleted file mode 100644
index 2c7173fb..00000000
--- a/src/assets/icons/mic_on_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g/><g><path d="M12,14c1.66,0,3-1.34,3-3V5c0-1.66-1.34-3-3-3S9,3.34,9,5v6C9,12.66,10.34,14,12,14z"/><path d="M17,11c0,2.76-2.24,5-5,5s-5-2.24-5-5H5c0,3.53,2.61,6.43,6,6.92V21h2v-3.08c3.39-0.49,6-3.39,6-6.92H17z"/></g></g></svg>
\ No newline at end of file