45 lines
1.4 KiB
Vue
45 lines
1.4 KiB
Vue
<script setup lang="ts">
|
||
/**
|
||
* Minimal 24×24 stroke icons for the marketing feature grid (currentColor),
|
||
* so the template needs no icon dependency. One path set per feature key.
|
||
*/
|
||
defineProps<{ name: string }>();
|
||
</script>
|
||
|
||
<template>
|
||
<svg
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="1.7"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
class="h-6 w-6"
|
||
aria-hidden="true"
|
||
>
|
||
<template v-if="name === 'auth'">
|
||
<path d="M12 3l7 3v6c0 4.4-3 7.6-7 9-4-1.4-7-4.6-7-9V6l7-3zM9.5 12l1.8 1.8 3.4-3.6" />
|
||
</template>
|
||
<template v-else-if="name === 'billing'">
|
||
<rect x="3" y="6" width="18" height="12" rx="2" />
|
||
<path d="M3 10h18M7 15h3" />
|
||
</template>
|
||
<template v-else-if="name === 'admin'">
|
||
<rect x="3" y="4" width="18" height="16" rx="2" />
|
||
<path d="M3 9h18M9 9v11" />
|
||
</template>
|
||
<template v-else-if="name === 'seo'">
|
||
<circle cx="11" cy="11" r="6" />
|
||
<path d="M20 20l-3.5-3.5" />
|
||
</template>
|
||
<template v-else-if="name === 'db'">
|
||
<ellipse cx="12" cy="6" rx="7" ry="3" />
|
||
<path d="M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3" />
|
||
</template>
|
||
<template v-else-if="name === 'deploy'">
|
||
<path d="M12 3c3 1.5 5 4.5 5 8.5L14.5 14h-5L7 11.5C7 7.5 9 4.5 12 3z" />
|
||
<path d="M9.5 14L7 17l2 3 3-1.6 3 1.6 2-3-2.5-3" />
|
||
</template>
|
||
</svg>
|
||
</template>
|