35 lines
906 B
Svelte
35 lines
906 B
Svelte
<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"
|
|
/>
|
|
{:else if name === 'edit'}
|
|
<path d="M4 20h4L19 9l-4-4L4 16v4zM13.5 6.5l4 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>
|