update loading icon

package.json

@@ -27,6 +27,7 @@
 		"@huggingface/transformers": "^3.6.3",
 		"@iconify-json/carbon": "^1.2.8",
 		"@iconify-json/line-md": "^1.2.11",
+		"@iconify-json/logos": "^1.2.9",
 		"@iconify-json/lucide": "^1.2.45",
 		"@iconify-json/material-symbols": "^1.2.15",
 		"@playwright/test": "^1.49.1",

pnpm-lock.yaml

@@ -60,6 +60,9 @@ importers:
       '@iconify-json/line-md':
         specifier: ^1.2.11
         version: 1.2.11
+      '@iconify-json/logos':
+        specifier: ^1.2.9
+        version: 1.2.9
       '@iconify-json/lucide':
         specifier: ^1.2.45
         version: 1.2.45
@@ -496,6 +499,9 @@ packages:
   '@iconify-json/line-md@1.2.11':
     resolution: {integrity: sha512-JYczKuKvTq/Pf9rSCoxwdBbAiWqceNrb3EtM3acD4YkzCAdp3co+CdNE/pb5lTURGbIA9GrGuqentHqVwXyVWA==}
 
+  '@iconify-json/logos@1.2.9':
+    resolution: {integrity: sha512-G6VCdFnwZcrT6Eveq3m43oJfLw/CX8plwFcE+2jgv3fiGB64pTmnU7Yd1MNZ/eA+/Re2iEDhuCfSNOWTHwwK8w==}
+
   '@iconify-json/lucide@1.2.45':
     resolution: {integrity: sha512-izW3wk7Ll5HgNMc/m41eOKXb7nL1zFxXZdMyBOtqdwusHXPr8IWSC/ReSgWgxUF3xyNwiQsso5Ppkta2wsUrPg==}
 
@@ -3615,6 +3621,10 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify-json/logos@1.2.9':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify-json/lucide@1.2.45':
     dependencies:
       '@iconify/types': 2.0.0

src/routes/+layout.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import IconLoadingLoop from "~icons/line-md/loading-loop";
+	import HuggingFaceLogo from "~icons/logos/hugging-face-icon";
 	import "../app.css";
 
 	interface Props {
@@ -12,7 +13,9 @@
 <svelte:boundary>
 	{@render children?.()}
 	{#snippet pending()}
-		<p class="abs-center absolute dark:text-white">🤗</p>
+		<p class="abs-center absolute dark:text-white">
+			<HuggingFaceLogo class="size-6 text-blue-500" />
+		</p>
 		<IconLoadingLoop class="abs-center absolute text-6xl dark:text-blue-300" />
 	{/snippet}
 </svelte:boundary>