From a6badba4f3f78863af4126d08af35837af087663 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Wed, 17 Jun 2026 02:28:41 +1000
Subject: Added error icon Razor component

---
 Pages/Component/ErrorIcon.razor     | 13 +++++++++++++
 Pages/Component/ErrorIcon.razor.css |  8 ++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 Pages/Component/ErrorIcon.razor
 create mode 100644 Pages/Component/ErrorIcon.razor.css

diff --git a/Pages/Component/ErrorIcon.razor b/Pages/Component/ErrorIcon.razor
new file mode 100644
index 0000000..251148d
--- /dev/null
+++ b/Pages/Component/ErrorIcon.razor
@@ -0,0 +1,13 @@
+<svg width=@Size height=@Size viewBox="0 0 100 100" fill="none">
+	<ellipse cx="50" cy="50" rx="50" ry="50"/>
+	<path
+		d="M 75 25 L 25 75 M 25 25 L 75 75"
+		stroke="#fff"
+		stroke-width="10"
+		stroke-linecap="round"/>
+</svg>
+
+@code {
+	[Parameter]
+	public int Size { get; set; } = 50;
+}
diff --git a/Pages/Component/ErrorIcon.razor.css b/Pages/Component/ErrorIcon.razor.css
new file mode 100644
index 0000000..10fe0a4
--- /dev/null
+++ b/Pages/Component/ErrorIcon.razor.css
@@ -0,0 +1,8 @@
+svg {
+    margin:  auto;
+    padding: 15px;
+}
+
+svg > ellipse {
+    fill: var(--col-warning-pri);
+}
-- 
cgit v1.3