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 96a8063d14..4cd1232b95 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
@@ -25,7 +25,11 @@ export class UmbIconElement extends UmbLitElement {
 	 * */
 	@property({ type: String })
 	public set color(value: string) {
-		this.#setColorStyle(value);
+		if (value) {
+			this.#setColorStyle(value);
+		} else {
+			this._color = undefined;
+		}
 	}
 	public get color(): string {
 		return this._color ?? '';
@@ -58,7 +62,7 @@ export class UmbIconElement extends UmbLitElement {
 		if (color) {
 			this.#setFallbackColorStyle(color);
 		} else {
-			this._color = undefined;
+			this._fallbackColor = undefined;
 		}
 
 		this._icon = icon;