diff options
Diffstat (limited to 'src/webapp/src/components/ui/icons/info-circle.svelte')
| -rw-r--r-- | src/webapp/src/components/ui/icons/info-circle.svelte | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/src/webapp/src/components/ui/icons/info-circle.svelte b/src/webapp/src/components/ui/icons/info-circle.svelte new file mode 100644 index 0000000..cb00db6 --- /dev/null +++ b/src/webapp/src/components/ui/icons/info-circle.svelte @@ -0,0 +1,55 @@ +<script> + let className = undefined; + export {className as class}; + export let id = undefined; + export let tabindex = undefined; + export let focusable = false; + export let title = undefined; + export let style = undefined; + $: ariaLabel = $$props["aria-label"]; + $: ariaLabelledBy = $$props["aria-labelledby"]; + $: labelled = ariaLabel || ariaLabelledBy || title; + $: attributes = { + "aria-label": ariaLabel, + "aria-labelledby": ariaLabelledBy, + "aria-hidden": labelled ? undefined : true, + role: labelled ? "img" : undefined, + focusable: tabindex === "0" ? true : focusable, + tabindex, + }; +</script> +<svg height="21" + viewBox="0 0 21 21" + width="21" + xmlns="http://www.w3.org/2000/svg" + fill="currentColor" + style="{style}" + id="{id}" + class="{className}" + preserveAspectRatio="xMidYMid meet" + {...attributes}> + + <g fill="none" + fill-rule="evenodd" + transform="translate(2 2)"> + <g stroke="currentColor" + stroke-linecap="round" + stroke-linejoin="round"> + <circle cx="8.5" + cy="8.5" + r="8"/> + <path d="m8.5 12.5v-4h-1"/> + <path d="m7.5 12.5h2"/> + </g> + <circle cx="8.5" + cy="5.5" + fill="currentColor" + r="1"/> + </g> + + <slot> + {#if title} + <title>{title}</title> + {/if} + </slot> +</svg> |