diff --git a/src/shared/shadcn/ui/spinner/spinner.svelte b/src/shared/shadcn/ui/spinner/spinner.svelte
new file mode 100644
index 0000000..e897fae
--- /dev/null
+++ b/src/shared/shadcn/ui/spinner/spinner.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
+import Loader2Icon from '@lucide/svelte/icons/loader-2';
+import type { ComponentProps } from 'svelte';
+
+let { class: className, ...restProps }: ComponentProps<typeof Loader2Icon> = $props();
+</script>
+
+<Loader2Icon
+    role="status"
+    aria-label="Loading"
+    class={cn('size-4 animate-spin', className)}
+    {...restProps}
+/>