diff --git a/src/Umbraco.Web.UI.Client/src/app.ts b/src/Umbraco.Web.UI.Client/src/app.ts
index bf7b86de04..428e9cd8b8 100644
--- a/src/Umbraco.Web.UI.Client/src/app.ts
+++ b/src/Umbraco.Web.UI.Client/src/app.ts
@@ -1,4 +1,4 @@
-import '@umbraco-ui/uui';
+import { UUIIconRegistryEssential } from '@umbraco-ui/uui';
 import '@umbraco-ui/uui-css/dist/uui-css.css';
 
 // TODO: lazy load these
@@ -48,6 +48,8 @@ export class UmbApp extends UmbContextProviderMixin(LitElement) {
     }
   `;
 
+  private _iconRegistry: UUIIconRegistryEssential = new UUIIconRegistryEssential();
+
   private _isInstalled = false;
 
   private _view?: HTMLElement;
@@ -57,10 +59,8 @@ export class UmbApp extends UmbContextProviderMixin(LitElement) {
   constructor() {
     super();
     this.addEventListener(umbRouterBeforeEnterEventType, this._onBeforeEnter);
-  }
+    this._iconRegistry.attach(this);
 
-  connectedCallback(): void {
-    super.connectedCallback();
     const { extensionRegistry } = window.Umbraco;
 
     this.provideContext('umbExtensionRegistry', window.Umbraco.extensionRegistry);