refac: styling

src/lib/components/chat/MessageInput.svelte

@@ -72,6 +72,7 @@
 
 	import { KokoroWorker } from '$lib/workers/KokoroWorker';
 	import InputVariablesModal from './MessageInput/InputVariablesModal.svelte';
+	import Voice from '../icons/Voice.svelte';
 	const i18n = getContext('i18n');
 
 	export let transparentBackground = false;
@@ -1902,7 +1903,7 @@
 														}}
 														aria-label={$i18n.t('Voice mode')}
 													>
-														<Headphone className="size-5" />
+														<Voice className="size-5" strokeWidth="2.5" />
 													</button>
 												</Tooltip>
 											</div>

src/lib/components/icons/Voice.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	export let className = 'w-4 h-4';
+	export let strokeWidth = '1.5';
+</script>
+
+<svg
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+	><path d="M12 4L12 20" stroke-linecap="round" stroke-linejoin="round"></path><path
+		d="M8 9L8 15"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path><path d="M20 10L20 14" stroke-linecap="round" stroke-linejoin="round"></path><path
+		d="M4 10L4 14"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path><path d="M16 7L16 17" stroke-linecap="round" stroke-linejoin="round"></path></svg
+>