From fa976abe89d941eabbe1f6e479b9dbd4dc671de6 Mon Sep 17 00:00:00 2001
From: mplorentz <mplorentz@noreply.gitea.coracle.social>
Date: Tue, 3 Mar 2026 16:55:27 -0500
Subject: [PATCH] Fix muted icon

---
 src/app/components/VoiceWidget.svelte | 4 ++--
 src/assets/icons/microphone-off.svg   | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/microphone-off.svg

diff --git a/src/app/components/VoiceWidget.svelte b/src/app/components/VoiceWidget.svelte
index 7d740394..efe54bea 100644
--- a/src/app/components/VoiceWidget.svelte
+++ b/src/app/components/VoiceWidget.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import {displayRelayUrl} from "@welshman/util"
   import Microphone from "@assets/icons/microphone.svg?dataurl"
-  import VolumeCross from "@assets/icons/volume-cross.svg?dataurl"
+  import MicrophoneOff from "@assets/icons/microphone-off.svg?dataurl"
   import PhoneRounded from "@assets/icons/phone-rounded.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -29,7 +29,7 @@
       <Button
         class="btn btn-sm btn-square {$currentVoiceSession.muted ? 'btn-error' : 'btn-ghost'}"
         onclick={handleToggleMute}>
-        <Icon icon={$currentVoiceSession.muted ? VolumeCross : Microphone} size={4} />
+        <Icon icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone} size={4} />
       </Button>
       <Button class="btn btn-sm btn-square btn-error" onclick={handleDisconnect}>
         <Icon icon={PhoneRounded} size={4} />
diff --git a/src/assets/icons/microphone-off.svg b/src/assets/icons/microphone-off.svg
new file mode 100644
index 00000000..2a90f378
--- /dev/null
+++ b/src/assets/icons/microphone-off.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8V11C17 13.7614 14.7614 16 12 16C9.23858 16 7 13.7614 7 11V8Z" stroke="#000000" stroke-width="1.5"/>
+<path d="M13 8L17 8" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M13 11L17 11" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M20 10V11C20 15.4183 16.4183 19 12 19C7.58172 19 4 15.4183 4 11V10" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M12 19V22" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M22 2L2 22" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/>
+</svg>