chore(demo): fix icon resolver (#8503)

projects/demo/src/modules/app/app.providers.ts

@@ -9,7 +9,7 @@ import {inject, PLATFORM_ID, Provider} from '@angular/core';
 import {Title} from '@angular/platform-browser';
 import {UrlTree} from '@angular/router';
 import {environment} from '@demo/environments/environment';
-import {SESSION_STORAGE} from '@ng-web-apis/common';
+import {SESSION_STORAGE, WINDOW} from '@ng-web-apis/common';
 import {
     TUI_DOC_CODE_EDITOR,
     TUI_DOC_DEFAULT_TABS,
@@ -39,6 +39,7 @@ import {
     TUI_HINT_OPTIONS,
     TUI_SANITIZER,
 } from '@taiga-ui/core';
+import {TUI_ICON_RESOLVER} from '@taiga-ui/experimental';
 import {TuiLanguageName, tuiLanguageSwitcher} from '@taiga-ui/i18n';
 import {NgDompurifySanitizer} from '@tinkoff/ng-dompurify';
 import {HIGHLIGHT_OPTIONS} from 'ngx-highlightjs';
@@ -204,6 +205,20 @@ export const APP_PROVIDERS: Provider[] = [
     },
     tuiDocExampleOptionsProvider({fullsize: false}),
     metrikaOptionsProvider({id: environment.ym}),
+    {
+        provide: TUI_ICON_RESOLVER,
+        deps: [WINDOW],
+        useFactory: (window: Window) => (icon: string) =>
+            !icon || icon.includes('/')
+                ? icon
+                : `${
+                      window.origin.includes('taiga-ui.dev') ? '/v3' : ''
+                  }/assets/taiga-ui/icons/${
+                      icon.includes('Outline')
+                          ? icon
+                          : icon.replace('Large', '').concat('Outline')
+                  }.svg`,
+    },
     tuiLanguageSwitcher(
         async (language: TuiLanguageName): Promise<unknown> =>
             import(