chore: change cancel icon

src/lib/icons/Stop.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { SvelteHTMLElements } from 'svelte/elements';
+
+	interface Props extends Omit<SvelteHTMLElements['svg'], 'width' | 'height'> {
+		size?: string | number | null;
+	}
+
+	let { size = 24, ...rest }: Props = $props();
+</script>
+
+<svg width={size} height={size} fill="currentColor" viewBox="0 0 24 24" {...rest}>
+	<path
+		d="M4.75 3A1.75 1.75 0 0 0 3 4.75v14.5c0 .966.784 1.75 1.75 1.75h14.5A1.75 1.75 0 0 0 21 19.25V4.75A1.75 1.75 0 0 0 19.25 3H4.75Z"
+	/>
+</svg>

src/routes/+page.svelte

@@ -16,7 +16,6 @@
 	import { FileDropEventManager } from '$lib/FileDropEventManager';
 	import Bars3 from '$lib/icons/Bars3.svelte';
 	import Bolt from '$lib/icons/Bolt.svelte';
-	import CircleStopSolid from '$lib/icons/CircleStopSolid.svelte';
 	import Copy from '$lib/icons/Copy.svelte';
 	import MagicWand from '$lib/icons/MagicWand.svelte';
 	import PanelBottom from '$lib/icons/PanelBottom.svelte';
@@ -26,6 +25,7 @@
 	import Plus from '$lib/icons/Plus.svelte';
 	import Save from '$lib/icons/Save.svelte';
 	import Sparkles from '$lib/icons/Sparkles.svelte';
+	import Stop from '$lib/icons/Stop.svelte';
 	import type { Table } from '$lib/olap-engine';
 	import { engine, type OLAPResponse } from '$lib/olap-engine';
 	import { PanelState } from '$lib/PanelState.svelte';
@@ -490,7 +490,7 @@ LIMIT 100;`;
 													title="Cancel"
 													onclick={() => abortController?.abort(new Error('Canceled'))}
 												>
-													<CircleStopSolid size="12" />
+													<Stop size="12" />
 												</button>
 											{:else}
 												<button