2026-10-05 20:23:05 +08:00
|
|
|
<script setup>
|
|
|
|
|
defineProps({ name: { type: String, default: "grid" } });
|
|
|
|
|
const paths = {
|
2026-10-05 22:06:37 +08:00
|
|
|
shield: "M12 2 3 6v6c0 5 9 10 9 10s9-5 9-10V6Z M8 12l3 3 5-6",
|
|
|
|
|
location: "M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0 M15 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0",
|
2026-10-05 20:23:05 +08:00
|
|
|
home: "m3 10 9-7 9 7v10H3Z M9 20v-7h6v7",
|
|
|
|
|
journal: "M5 3h14v18H5Z M8 7h8 M8 11h8 M8 15h5",
|
|
|
|
|
grid: "M3 3h7v7H3Z M14 3h7v7h-7Z M3 14h7v7H3Z M14 14h7v7h-7Z",
|
|
|
|
|
devices: "M3 4h18v12H3Z M8 20h8 M12 16v4",
|
|
|
|
|
tree: "M9 2h6v6H9Z M2 16h6v6H2Z M16 16h6v6h-6Z M12 8v4 M5 16v-4h14v4",
|
|
|
|
|
users:
|
|
|
|
|
"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 M22 21v-2a4 4 0 0 0-3-3.8 M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8 M17 3a4 4 0 0 1 0 8",
|
|
|
|
|
settings:
|
|
|
|
|
"M9 3h6l1 4 4 1v8l-4 1-1 4H9l-1-4-4-1V8l4-1Z M15 12a3 3 0 1 0-6 0 3 3 0 0 0 6 0",
|
|
|
|
|
database:
|
|
|
|
|
"M3 6c0-5 18-5 18 0s-18 5-18 0V18c0 5 18 5 18 0V6 M3 12c0 5 18 5 18 0",
|
|
|
|
|
network: "M9 2h6v6H9Z M2 16h6v6H2Z M16 16h6v6h-6Z M12 8v4 M5 16v-4h14v4",
|
|
|
|
|
arrow: "M5 12h14 M14 7l5 5-5 5",
|
|
|
|
|
router: "M3 13h18v8H3Z M6 13V5 M18 13V5 M7 17h.01 M11 17h.01 M15 17h3",
|
|
|
|
|
camera: "M3 6h12v12H3Z M15 10l6-4v12l-6-4",
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
|
|
|
|
<svg
|
|
|
|
|
class="app-icon"
|
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
|
fill="none"
|
|
|
|
|
stroke="currentColor"
|
|
|
|
|
stroke-width="1.65"
|
|
|
|
|
stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round"
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
>
|
|
|
|
|
<path :d="paths[name] || paths.grid" />
|
|
|
|
|
</svg>
|
|
|
|
|
</template>
|
