Adds support for font-awesome icons

src/config.yml

@@ -1,7 +1,8 @@
 title: 'Hello World !!'
 subtitle: 'actually, I am a new pilot.'
 logo: 'icon-any.svg'
-asmask: true
+icon: 'fa fa-cloud'
+asmask: false
 
 services:
   - title: '/Cloud'

src/lib/components/Brand.svelte

@@ -20,14 +20,16 @@
 			<img src={brand.logo} alt="logo" />
 		{/if}
 	{:else if brand.icon}
-		<p>an icon</p>
+		<i class="fa-fw {brand.icon}" />
 	{/if}
 </div>
 
 <style>
 	.container {
 		width: var(--size);
+		min-width: min-content;
 		height: var(--size);
+		font-size: var(--size);
 	}
 
 	.masked {
@@ -37,4 +39,11 @@
 		-webkit-mask: var(--mask) center no-repeat;
 		-webkit-mask-size: var(--size);
 	}
+
+	div {
+		display: flex;
+		flex-flow: row wrap;
+		align-items: center;
+		justify-content: center;
+	}
 </style>

src/routes/+layout.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+	import '@fortawesome/fontawesome-free/css/all.min.css';
+</script>
+
+<slot />