From cc5492ab616007b17aefd4a6cc0d1ad9d00a8351 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Thu, 29 Feb 2024 13:56:05 +0100
Subject: [PATCH] set color

---
 .../src/packages/core/components/icon/icon.element.ts          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts
index f502235a01..a15ab9a619 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts
@@ -13,6 +13,7 @@ export class UmbIconElement extends UmbLitElement {
 
 	@property({ type: String })
 	public set color(value: string) {
+		if (!value) return;
 		this.#setColorStyle(value);
 	}
 	public get color(): string {
@@ -28,7 +29,7 @@ export class UmbIconElement extends UmbLitElement {
 	@property({ type: String })
 	public set name(value: string | undefined) {
 		const [icon, alias] = value ? value.split(' ') : [];
-		this.#setColorStyle(alias);
+		if (alias) this.#setColorStyle(alias);
 		this._icon = icon;
 	}
 	public get name(): string | undefined {