Use new icons

src/routes/home/+page.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
   import {onMount} from "svelte"
   import {goto} from "$app/navigation"
+  import AddCircle from "@assets/icons/add-circle.svg?dataurl"
+  import Compass from "@assets/icons/compass.svg?dataurl"
+  import ChatRound from "@assets/icons/chat-round.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Link from "@lib/components/Link.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -31,7 +34,7 @@
         <Button onclick={addSpace}>
           <CardButton>
             {#snippet icon()}
-              <div><Icon icon="add-circle" size={7} /></div>
+              <div><Icon icon={AddCircle} size={7} /></div>
             {/snippet}
             {#snippet title()}
               <div>Add a space</div>
@@ -44,7 +47,7 @@
         <Link href="/discover">
           <CardButton>
             {#snippet icon()}
-              <div><Icon icon="compass" size={7} /></div>
+              <div><Icon icon={Compass} size={7} /></div>
             {/snippet}
             {#snippet title()}
               <div>Browse the network</div>
@@ -57,7 +60,7 @@
         <Button onclick={openChat}>
           <CardButton>
             {#snippet icon()}
-              <div><Icon icon="chat-round" size={7} /></div>
+              <div><Icon icon={ChatRound} size={7} /></div>
             {/snippet}
             {#snippet title()}
               <div>Start a conversation</div>