mirror of
https://github.com/samsonjs/immich.git
synced 2026-04-11 12:05:53 +00:00
41 lines
1.1 KiB
Svelte
41 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import type { AriaRole } from 'svelte/elements';
|
|
|
|
export let size: string | number = '1em';
|
|
export let color = 'currentColor';
|
|
export let path: string;
|
|
export let title: string | null = null;
|
|
export let desc = '';
|
|
export let flipped = false;
|
|
let className = '';
|
|
export { className as class };
|
|
export let viewBox = '0 0 24 24';
|
|
export let role: AriaRole = 'img';
|
|
export let ariaHidden: boolean | undefined = undefined;
|
|
export let ariaLabel: string | undefined = undefined;
|
|
export let ariaLabelledby: string | undefined = undefined;
|
|
export let strokeWidth: number = 0;
|
|
export let strokeColor: string = 'currentColor';
|
|
export let spin = false;
|
|
</script>
|
|
|
|
<svg
|
|
width={size}
|
|
height={size}
|
|
{viewBox}
|
|
class="{className} {flipped ? '-scale-x-100' : ''} {spin ? 'animate-spin' : ''}"
|
|
{role}
|
|
stroke={strokeColor}
|
|
stroke-width={strokeWidth}
|
|
aria-label={ariaLabel}
|
|
aria-hidden={ariaHidden}
|
|
aria-labelledby={ariaLabelledby}
|
|
>
|
|
{#if title}
|
|
<title>{title}</title>
|
|
{/if}
|
|
{#if desc}
|
|
<desc>{desc}</desc>
|
|
{/if}
|
|
<path d={path} fill={color} />
|
|
</svg>
|