From 740f37db864f30e583d5b28f071c0b20de5fa047 Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Thu, 26 Mar 2026 19:39:37 +0000
Subject: [PATCH] refactor(ui): use stop-square icon for speech playback

---
 packages/ui/src/components/speech-action-button.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/speech-action-button.tsx b/packages/ui/src/components/speech-action-button.tsx
index 5da9b922..8cce502c 100644
--- a/packages/ui/src/components/speech-action-button.tsx
+++ b/packages/ui/src/components/speech-action-button.tsx
@@ -1,4 +1,4 @@
-import { Loader2, Square, Volume2 } from "lucide-solid"
+import { Loader2, Volume2 } from "lucide-solid"
 import type { JSX } from "solid-js"
 
 interface SpeechActionButtonProps {
@@ -22,7 +22,10 @@ export default function SpeechActionButton(props: SpeechActionButtonProps) {
       {props.isLoading ? (
         <Loader2 class="w-3.5 h-3.5 animate-spin" aria-hidden="true" />
       ) : props.isPlaying ? (
-        <Square class="w-3.5 h-3.5" aria-hidden="true" />
+        <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+          <rect x="3" y="3" width="18" height="18" rx="2" />
+          <rect x="9" y="9" width="6" height="6" rx="1" fill="currentColor" stroke="none" />
+        </svg>
       ) : (
         <Volume2 class="w-3.5 h-3.5" aria-hidden="true" />
       )}