replace google material icons with phosphor icons

src/lib/FramelessButton.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { ClassValue, MouseEventHandler } from 'svelte/elements';
+	import { defaultIconProps, type IconDef } from './util';
 
 	interface Props {
-		icon?: string;
+		icon?: IconDef;
 		iconPosition?: 'left' | 'right';
 		disabled?: boolean;
 		class?: ClassValue | null | undefined;
@@ -22,7 +23,9 @@
 </script>
 
 {#snippet iconSnippet()}
-	<span class="material-symbols-outlined">{icon}</span>
+	{#if icon}
+		<icon.component {...icon.props || defaultIconProps} />
+	{/if}
 {/snippet}
 
 <button