<script lang="ts">
	import { getMdiPath } from '$lib/mdi-lookup.svelte';

	let { name = '', size = 18 } = $props<{ name: string; size?: number }>();
</script>

{#if name && getMdiPath(name)}
	<svg viewBox="0 0 24 24" width={size} height={size} fill="currentColor"><path d={getMdiPath(name)} /></svg>
{/if}
