diff options
Diffstat (limited to '')
| -rw-r--r-- | src/ui/icons.ts | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/ui/icons.ts b/src/ui/icons.ts new file mode 100644 index 0000000..58c9375 --- /dev/null +++ b/src/ui/icons.ts @@ -0,0 +1,12 @@ +const paths = { + orbit: '<ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(-40 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(40 12 12)"/><circle cx="12" cy="12" r="2" fill="currentColor" stroke="none"/>', + reset: '<path d="M3 10a9 9 0 1 1 2 8M3 4v6h6"/>', + arrow: '<path d="M5 12h14m-6-6 6 6-6 6"/>', + sphere: '<circle cx="12" cy="12" r="9"/><ellipse cx="12" cy="12" rx="4" ry="9"/><path d="M3 12h18"/>', + cube: '<path d="m12 2 9 5v10l-9 5-9-5V7Zm0 10 9-5M12 12 3 7m9 5v10"/>', + help: '<circle cx="12" cy="12" r="9"/><path d="M9 9a3 3 0 0 1 6 0c0 2-3 2-3 4m0 3h.01"/>', +} as const; + +export function icon(name: keyof typeof paths, className = '') { + return `<svg class="icon ${className}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths[name]}</svg>`; +} |