<script setup lang="ts">
defineProps<{name:'help'|'sign-out'|'project'|'plus'|'check'|'progress'|'history'|'badge'|'goal'|'manuscript'|'sharing'|'information'|'next'}>();
const paths={
 help:'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20ZM9 9a3 3 0 1 1 4.5 2.6c-1 .6-1.5 1-1.5 2.4M12 17h.01',
 'sign-out':'M9 4H4v16h5M8 12h13m-5-5 5 5-5 5',
 project:'M4 3h12a2 2 0 0 1 2 2v16H6a2 2 0 0 1-2-2V3Zm0 14h14M8 3v10',
 plus:'M12 5v14M5 12h14',
 check:'m5 12 4 4L19 6',
 progress:'M4 4v16h16M7 15l4-4 4 2 5-7',
 history:'M3 11a9 9 0 1 1 2.6 7.4M3 4v7h7M12 7v5l3 2',
 badge:'M16 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM8 12 6 21l6-3 6 3-2-9',
 goal:'M21 12a9 9 0 1 1-9-9M17 12a5 5 0 1 1-5-5M12 12l9-9m-5 0h5v5',
 manuscript:'M7 3h10a2 2 0 0 1 2 2v16H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM9 8h6M9 12h6M9 16h4',
 sharing:'M9 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM21 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM21 19a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8.6 10.5l6.8-4M8.6 13.5l6.8 4',
 information:'M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0ZM12 11v6M12 7h.01',
 next:'m9 5 7 7-7 7',
};
</script>
<template>
 <svg class="menu-icon" aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path :d="paths[name]" /></svg>
</template>
