Added error icon Razor component

2 files changed, 21 insertions, 0 deletions

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);
+}