Initial release 0.1.0

src/lib/components/NavIcon.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	let { name }: { name: string } = $props();
+</script>
+
+<svg viewBox="0 0 24 24" aria-hidden="true">
+	{#if name === 'inbox'}
+		<path d="M4 5.5h16v13H4zM4 14h4l1.5 2h5l1.5-2h4" />
+	{:else if name === 'library'}
+		<path d="M5 4.5h4v15H5zM10.5 4.5h4v15h-4zM16 5.5l3-1 3.5 14-3 1z" />
+	{:else if name === 'shows'}
+		<path d="M4 6.5h16v13H4zM8 3.5v6M16 3.5v6M4 10h16" />
+	{:else if name === 'archive'}
+		<path d="M4 7h16v13H4zM3 4h18v4H3zM9 12h6" />
+	{:else if name === 'settings'}
+		<circle cx="12" cy="12" r="3" />
+		<path
+			d="M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6 7 7M17 17l1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4"
+		/>
+	{/if}
+</svg>
+
+<style>
+	svg {
+		width: 1.25rem;
+		height: 1.25rem;
+		fill: none;
+		stroke: currentColor;
+		stroke-linecap: round;
+		stroke-linejoin: round;
+		stroke-width: 1.7;
+	}
+</style>