diff options
Diffstat (limited to 'src/components/helpers/Icon.svelte')
| -rw-r--r-- | src/components/helpers/Icon.svelte | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/src/components/helpers/Icon.svelte b/src/components/helpers/Icon.svelte new file mode 100644 index 0000000..eb430fb --- /dev/null +++ b/src/components/helpers/Icon.svelte @@ -0,0 +1,44 @@ +<script> + export let name; + export let width = "1rem"; + export let height = "1rem"; + export let focusable = false; + let icons = [ + { + box: 24, + name: "plus-circle", + path: `<path + stroke-linecap="round" + stroke-linejoin="round" + d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" + />`, + }, + { + box: 24, + name: "minus-circle", + path: `<path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />`, + }, + { + name: "info", + box: 24, + path: `<path + stroke-linecap="round" + stroke-linejoin="round" + d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" + />`, + }, + ]; + let displayIcon = icons.find((e) => e.name === name); +</script> + +<svg + class={$$props.class} + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 {displayIcon.box} {displayIcon.box}" + stroke="currentColor" + stroke-width={2} + {width} + {height} + {focusable}>{@html displayIcon.path}</svg +> |