aboutsummaryrefslogtreecommitdiffstats
path: root/apps/kit/src/lib/components/icons
diff options
context:
space:
mode:
Diffstat (limited to 'apps/kit/src/lib/components/icons')
-rw-r--r--apps/kit/src/lib/components/icons/index.ts4
-rw-r--r--apps/kit/src/lib/components/icons/spinner.svelte20
2 files changed, 23 insertions, 1 deletions
diff --git a/apps/kit/src/lib/components/icons/index.ts b/apps/kit/src/lib/components/icons/index.ts
index 9b0fb7e..b220f37 100644
--- a/apps/kit/src/lib/components/icons/index.ts
+++ b/apps/kit/src/lib/components/icons/index.ts
@@ -8,6 +8,7 @@ import ExclamationTriangle from "./exclamation-triangle.svelte";
import XCircle from "./x-circle.svelte";
import CheckCircle from "./check-circle.svelte";
import XMark from "./x-mark.svelte";
+import Spinner from "./spinner.svelte";
export {
XIcon,
MenuIcon,
@@ -18,5 +19,6 @@ export {
ExclamationTriangle,
XCircle,
CheckCircle,
- XMark
+ XMark,
+ Spinner
} \ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/spinner.svelte b/apps/kit/src/lib/components/icons/spinner.svelte
new file mode 100644
index 0000000..80cc57c
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/spinner.svelte
@@ -0,0 +1,20 @@
+<svg
+ class="-ml-1 mr-3 h-5 w-5 animate-spin {$$restProps.class ?? ''}"
+ xmlns="http://www.w3.org/2000/svg"
+ fill="none"
+ viewBox="0 0 24 24"
+>
+ <circle
+ class="opacity-25"
+ cx="12"
+ cy="12"
+ r="10"
+ stroke="currentColor"
+ stroke-width="4"
+ />
+ <path
+ class="opacity-75"
+ fill="currentColor"
+ d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+ />
+</svg>