ngwr 6.0.0 → 7.0.0

package/fesm2022/ngwr-icon.mjs

@@ -1,6 +1,5 @@
-import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, Renderer2, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding } from '@angular/core';
+import { InjectionToken, input, inject, ElementRef, EnvironmentInjector, computed, effect, isDevMode, ViewEncapsulation, Component } from '@angular/core';
 
 /**
  * @license
@@ -8,37 +7,14 @@ import { InjectionToken, Injectable, inject, Renderer2, ElementRef, Component, C
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-const WR_ICONS_PATCH = new InjectionToken('wr_icons_patch');
-class WrIconService {
-    constructor() {
-        this.registry = new Map();
-    }
-    addIcon(...icons) {
-        icons.forEach(i => this.registry.set(i.name, i.data));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-class WrIconPatchService {
-    constructor() {
-        this.icons = inject(WR_ICONS_PATCH, { self: true });
-        this.wrIconService = inject(WrIconService);
-    }
-    addIcons() {
-        this.icons.forEach(icon => this.wrIconService.addIcon(icon));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconPatchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconPatchService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconPatchService, decorators: [{
-            type: Injectable
-        }] });
+/**
+ * Multi-provider token for registering icons with the icon registry.
+ *
+ * Use {@link provideWrIcons} instead of providing this token directly.
+ *
+ * @internal
+ */
+const WR_ICONS = new InjectionToken('WR_ICONS');
 
 /**
  * @license
@@ -47,629 +23,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
 /**
- * NGWR icon component.
+ * Renders a registered SVG icon.
+ *
+ * Icons must be registered via {@link provideWrIcons} before use —
+ * either at the application root or on any ancestor component.
  *
- * {@tutorial} [How to use wr-btn]{@link http://ngwr.dev/docs/components/icon}
+ * @example
+ * ```html
+ * <wr-icon name="home" />
+ * ```
+ *
+ * @see https://ngwr.dev/components/icon
  */
-class WrIconComponent {
-    set name(value) {
-        this.setIcon(value);
-    }
-    get elClasses() {
-        return {
-            'wr-icon': true,
-        };
-    }
-    setIcon(name) {
-        if (!this.iconService.registry.has(name)) {
-            return console.warn(`[NGWR]\nNo icon named ${name} was found.\nYou may need to import it using provideWrIcons()`);
-        }
-        const iconData = this.iconService.registry.get(name);
-        if (iconData) {
-            this.setElement(this.svgElementFromString(iconData));
-        }
-    }
-    svgElementFromString(svgContent) {
-        const div = this.doc.createElement('div');
-        div.innerHTML = svgContent;
-        const svg = div.querySelector('svg');
-        if (!svg) {
-            throw new Error('<svg> tag not found');
-        }
-        return svg;
-    }
-    setElement(svg) {
-        this.clearElement();
-        this.r2.appendChild(this.elRef.nativeElement, svg);
-    }
-    clearElement() {
-        const el = this.elRef.nativeElement;
-        const children = el.childNodes;
-        const length = children.length;
-        for (let i = length - 1; i >= 0; i--) {
-            const child = children[i];
-            if (child.tagName?.toLowerCase() === 'svg') {
-                this.r2.removeChild(el, child);
+class WrIcon {
+    name = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
+    /**
+     * Merged view of every `WR_ICONS` multi-provider visible from this
+     * injector position — element-level first overlay, environment-level
+     * (app/lazy-route bootstrap) as the base.
+     *
+     * Angular's default `inject(WR_ICONS)` only returns the **closest**
+     * injector's contribution; if a component declares its own
+     * `provideWrIcons(...)`, the root registration is **shadowed**, not
+     * appended. That contradicts the docstring's "each call adds to the
+     * registry" promise and silently breaks any page that overrides while
+     * still relying on root-registered icons.
+     *
+     * We work around it by also asking the environment injector directly
+     * (`envInjector.get(WR_ICONS, null, …)`). When no element-level
+     * provider exists both calls return the same array reference and we
+     * skip the redundant pass. Otherwise we lay element on top of env so
+     * a page's local icons can override a root-registered name.
+     *
+     * One known limitation: multiple element-injector levels in between
+     * still shadow each other — but the showcase doesn't nest providers
+     * that deep, and the env+local merge fixes the dominant case.
+     */
+    iconSets = (() => {
+        const local = inject(WR_ICONS, { optional: true }) ?? [];
+        const env = inject(EnvironmentInjector).get(WR_ICONS, null, { optional: true }) ?? [];
+        return local === env ? local : [...env, ...local];
+    })();
+    registry = computed(() => {
+        const map = new Map();
+        for (const set of this.iconSets) {
+            for (const icon of set) {
+                map.set(icon.name, icon);
             }
         }
-    }
+        return map;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "registry" }] : /* istanbul ignore next */ []));
+    icon = computed(() => this.registry().get(this.name()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     constructor() {
-        this.r2 = inject(Renderer2);
-        this.patchService = inject(WrIconPatchService, { optional: true });
-        this.iconService = inject(WrIconService);
-        this.elRef = inject(ElementRef);
-        this.doc = inject(DOCUMENT);
-        if (this.patchService) {
-            this.patchService.addIcons();
-        }
+        effect(() => {
+            const icon = this.icon();
+            const name = this.name();
+            if (!icon) {
+                if (isDevMode()) {
+                    throw new Error(`[NGWR] No icon named "${name}" is registered. Did you forget to call provideWrIcons()?`);
+                }
+                this.host.nativeElement.innerHTML = '';
+                return;
+            }
+            this.host.nativeElement.innerHTML = icon.data;
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: WrIconComponent, isStandalone: true, selector: "wr-icon", inputs: { name: "name" }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: WrIcon, isStandalone: true, selector: "wr-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-icon": "name()" }, classAttribute: "wr-icon" }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-icon',
                     template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'wr-icon',
+                        '[attr.data-icon]': 'name()',
+                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { name: [{
-                type: Input,
-                args: [{ required: true }]
-            }], elClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
 
-/* 🤖 this file was generated by svg-to-ts */
-const addCircleOutline = {
-    name: 'add-circle-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 33V15m-9 9h18"/><path d="M24 8c8.82 0 16 7.18 16 16s-7.18 16-16 16S8 32.82 8 24 15.18 8 24 8m0-4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4"/></svg>`
-};
-const addCircle = {
-    name: 'add-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M24 4.12c-11.05 0-20 8.96-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20M33 26h-7v7c0 1.1-.9 2-2 2s-2-.9-2-2v-7h-7c-1.1 0-2-.9-2-2s.9-2 2-2h7v-7c0-1.1.9-2 2-2s2 .9 2 2v7h7c1.1 0 2 .9 2 2s-.9 2-2 2"/></svg>`
-};
-const add = {
-    name: 'add',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 36V12M12 24h24"/></svg>`
-};
-const alertCircleOutline = {
-    name: 'alert-circle-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M24 8.12c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.96-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20"/><circle cx="24" cy="33" r="2"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 27V15"/></svg>`
-};
-const alertCircle = {
-    name: 'alert-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M24 4.12c-11.05 0-20 8.96-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20M24 35c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m2-8c0 1.1-.9 2-2 2s-2-.9-2-2V15c0-1.1.9-2 2-2s2 .9 2 2z"/></svg>`
-};
-const alertSquircle = {
-    name: 'alert-squircle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M117.8 10.2C107.6 0 92 0 64 0S20.4 0 10.2 10.2 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2S128 92 128 64s0-43.6-10.2-53.8M64 32.9c3.6 0 6.5 3 6.4 6.6L69.6 70c-.1 3-2.6 5.4-5.6 5.4S58.5 73 58.4 70l-.9-30.5c0-3.6 2.9-6.6 6.5-6.6m0 62.2c-3.9 0-7.1-3.2-7.1-7.1s3.2-7.1 7.1-7.1 7.1 3.2 7.1 7.1-3.2 7.1-7.1 7.1"/></svg>`
-};
-const alert = {
-    name: 'alert',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 48 48" class="wr-icon__svg"><circle cx="24" cy="36" r="2"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 30V12"/></svg>`
-};
-const arrowBackCircle = {
-    name: 'arrow-back-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0m28.1 69.2H48.3L60 80.9c2.1 2.1 2 5.4-.1 7.4-2 1.9-5.3 1.8-7.3-.2L32.4 67.9c-2.2-2.2-2.2-5.6 0-7.8l20.3-20.2c2.1-2.1 5.4-2 7.4.1 1.9 2 1.8 5.3-.2 7.3L48.3 58.9h43.5c2.8 0 5.3 2.2 5.4 5 .1 2.9-2.2 5.3-5.1 5.3"/></svg>`
-};
-const arrowBack = {
-    name: 'arrow-back',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M99.2 57.6h-54l14.4-14.4c2.5-2.5 2.7-6.6.3-9.1-2.5-2.6-6.6-2.7-9.2-.1L25.5 59.1c-2.7 2.7-2.7 7 0 9.7l25 25c2.5 2.5 6.6 2.7 9.1.3 2.6-2.5 2.7-6.6.1-9.2L45.2 70.4h54.3c3.6 0 6.5-3 6.4-6.6-.1-3.5-3.2-6.2-6.7-6.2"/></svg>`
-};
-const arrowBottomCircle = {
-    name: 'arrow-bottom-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M0 64c0 35.3 28.7 64 64 64s64-28.7 64-64S99.3 0 64 0 0 28.7 0 64m69.2-28.1v43.8L80.9 68c2.1-2.1 5.4-2 7.4.1 1.9 2 1.8 5.3-.2 7.3L67.9 95.6c-2.2 2.2-5.6 2.2-7.8 0L39.9 75.3c-2.1-2.1-2-5.4.1-7.4 2-1.9 5.3-1.8 7.3.2l11.6 11.6V36.2c0-2.8 2.2-5.3 5-5.4 2.9-.1 5.3 2.2 5.3 5.1"/></svg>`
-};
-const arrowBottom = {
-    name: 'arrow-bottom',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M58.3 29.5v54L44 69.1c-2.5-2.5-6.6-2.7-9.1-.3-2.6 2.5-2.7 6.6-.1 9.2L60 103.2c2.7 2.7 7 2.7 9.7 0l25-25c2.5-2.5 2.7-6.6.3-9.1-2.5-2.6-6.6-2.7-9.2-.1L71.2 83.5V29.2c0-3.6-3-6.5-6.6-6.4s-6.3 3.2-6.3 6.7"/></svg>`
-};
-const arrowForwardCircle = {
-    name: 'arrow-forward-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 128c35.3 0 64-28.7 64-64S99.3 0 64 0 0 28.7 0 64s28.7 64 64 64M35.9 58.8h43.8L68 47.1c-2.1-2.1-2-5.4.1-7.4 2-1.9 5.3-1.8 7.3.2L95.5 60c2.2 2.2 2.2 5.6 0 7.8L75.3 88.1c-2.1 2.1-5.4 2-7.4-.1-1.9-2-1.8-5.3.2-7.3l11.6-11.6H36.2c-2.8 0-5.3-2.2-5.4-5-.1-2.9 2.2-5.3 5.1-5.3"/></svg>`
-};
-const arrowForward = {
-    name: 'arrow-forward',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M30.2 70.3h54L69.8 84.7c-2.5 2.5-2.7 6.6-.3 9.1 2.5 2.6 6.6 2.7 9.2.1l25.2-25.2c2.7-2.7 2.7-7 0-9.7l-25-25c-2.5-2.5-6.6-2.7-9.1-.3-2.6 2.5-2.7 6.6-.1 9.2l14.6 14.6H29.9c-3.6 0-6.5 3-6.4 6.6.1 3.5 3.2 6.2 6.7 6.2"/></svg>`
-};
-const arrowTopCircle = {
-    name: 'arrow-top-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M128 64c0-35.3-28.7-64-64-64S0 28.7 0 64s28.7 64 64 64 64-28.7 64-64M58.8 92.1V48.3L47.1 60c-2.1 2.1-5.4 2-7.4-.1-1.9-2-1.8-5.3.2-7.3L60 32.5c2.2-2.2 5.6-2.2 7.8 0L88 52.8c2.1 2.1 2 5.4-.1 7.4-2 1.9-5.3 1.8-7.3-.2L69.1 48.3v43.5c0 2.8-2.2 5.3-5 5.4-2.9.1-5.3-2.2-5.3-5.1"/></svg>`
-};
-const arrowTop = {
-    name: 'arrow-top',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M71.1 98.5v-54l14.4 14.4c2.5 2.5 6.6 2.7 9.1.3 2.6-2.5 2.7-6.6.1-9.2L69.5 24.8c-2.7-2.7-7-2.7-9.7 0l-25 25c-2.5 2.5-2.7 6.6-.3 9.1 2.5 2.6 6.6 2.7 9.2.1l14.6-14.6v54.3c0 3.6 3 6.5 6.6 6.4 3.5-.1 6.2-3.1 6.2-6.6"/></svg>`
-};
-const bugOutline = {
-    name: 'bug-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M108.9 75.5h7.3a6.7 6.7 0 0 0 0-13.4h-7.3v-7.6c0-2-.1-4-.4-5.9h7.7a6.7 6.7 0 0 0 0-13.4h-11.7c-3.5-7.4-9-13.7-15.8-18.2l5.7-5.7C97 8.8 97 4.6 94.4 2A6.64 6.64 0 0 0 85 2l-9.2 9.2c-3.8-1-7.7-1.6-11.8-1.6s-8 .6-11.8 1.6L43 2a6.64 6.64 0 0 0-9.4 0 6.64 6.64 0 0 0 0 9.4l5.7 5.7C32.5 21.6 27 27.9 23.5 35.3H11.8a6.7 6.7 0 0 0 0 13.4h7.7c-.3 1.9-.4 3.9-.4 5.9v7.6h-7.3a6.7 6.7 0 0 0 0 13.4h7.3v7.6c0 2 .1 4 .4 5.9h-7.7a6.7 6.7 0 0 0 0 13.4h11.7c7.1 15 22.6 25.5 40.5 25.5s33.4-10.5 40.6-25.7h11.7a6.7 6.7 0 0 0 0-13.4h-7.7c.3-1.9.4-3.9.4-5.9v-7.5zM64 114.6c-17.4 0-31.5-14.1-31.5-31.5V54.5C32.5 37.1 46.6 23 64 23s31.5 14.1 31.5 31.5v28.6c0 17.4-14.1 31.5-31.5 31.5m18.6-61.8c0 3.7-3 6.7-6.7 6.7H52a6.7 6.7 0 0 1 0-13.4h24c3.6 0 6.6 3 6.6 6.7m0 32c0 3.7-3 6.7-6.7 6.7H52a6.7 6.7 0 0 1 0-13.4h23.9c3.7.1 6.7 3 6.7 6.7"/></svg>`
-};
-const bug = {
-    name: 'bug',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M108.9 75.5h7.3a6.7 6.7 0 0 0 0-13.4h-7.3v-7.6c0-2-.1-4-.4-5.9h7.7a6.7 6.7 0 0 0 0-13.4h-11.7c-3.5-7.4-9-13.7-15.8-18.2l5.7-5.7C97 8.8 97 4.6 94.4 2A6.64 6.64 0 0 0 85 2l-9.2 9.2c-3.8-1-7.7-1.6-11.8-1.6s-8 .6-11.8 1.6L43 2a6.64 6.64 0 0 0-9.4 0 6.64 6.64 0 0 0 0 9.4l5.7 5.7C32.5 21.6 27 27.9 23.5 35.3H11.8a6.7 6.7 0 0 0 0 13.4h7.7c-.3 1.9-.4 3.9-.4 5.9v7.6h-7.3a6.7 6.7 0 0 0 0 13.4h7.3v7.6c0 2 .1 4 .4 5.9h-7.7a6.7 6.7 0 0 0 0 13.4h11.7c7.1 15 22.6 25.5 40.5 25.5s33.4-10.5 40.6-25.7h11.7a6.7 6.7 0 0 0 0-13.4h-7.7c.3-1.9.4-3.9.4-5.9v-7.5zM76 91.5H52a6.7 6.7 0 0 1 0-13.4h24c3.7 0 6.7 3 6.7 6.7s-3.1 6.7-6.7 6.7m0-32.1H52A6.7 6.7 0 0 1 52 46h24c3.7 0 6.7 3 6.7 6.7-.1 3.8-3.1 6.7-6.7 6.7"/></svg>`
-};
-const caretBackCircle = {
-    name: 'caret-back-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0"/><path d="m38.4 68.5 26.2 26.2c4 4 10.8 1.2 10.8-4.5V37.8c0-5.6-6.8-8.4-10.8-4.5L38.4 59.5c-2.5 2.5-2.5 6.5 0 9" fill="currentColor"/></svg>`
-};
-const caretBack = {
-    name: 'caret-back',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="m41.3 68.5 26.2 26.2c4 4 10.8 1.2 10.8-4.5V37.8c0-5.6-6.8-8.4-10.8-4.5L41.3 59.5c-2.5 2.5-2.5 6.5 0 9"/></svg>`
-};
-const caretForwardCircle = {
-    name: 'caret-forward-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0m22.5 68.5L60.4 94.6c-4 4-10.8 1.2-10.8-4.5V37.8c0-5.6 6.8-8.4 10.8-4.5l26.2 26.2c2.4 2.5 2.4 6.5-.1 9"/></svg>`
-};
-const caretForward = {
-    name: 'caret-forward',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M82.3 68.5 56.1 94.6c-4 4-10.8 1.2-10.8-4.5V37.8c0-5.6 6.8-8.4 10.8-4.5l26.2 26.2c2.5 2.5 2.5 6.5 0 9"/></svg>`
-};
-const checkmarkCircleOutline = {
-    name: 'checkmark-circle-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M96.3 46.4c2.8 2.8 2.8 7.3 0 10L69 83.7l-10 10-10-10-16.5-16.4c-2.8-2.8-2.8-7.3 0-10s7.3-2.8 10 0L59 73.6l27.3-27.3c2.8-2.7 7.3-2.7 10 .1M128 64c0 35.3-28.7 64-64 64S0 99.3 0 64 28.7 0 64 0s64 28.7 64 64m-10.3 0c0-29.6-24.1-53.7-53.7-53.7S10.3 34.4 10.3 64s24.1 53.7 53.7 53.7 53.7-24.1 53.7-53.7"/></svg>`
-};
-const checkmarkCircle = {
-    name: 'checkmark-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0m32.3 56.4L69 83.7l-10 10-10-10-16.5-16.4c-2.8-2.8-2.8-7.3 0-10s7.3-2.8 10 0L59 73.6l27.3-27.3c2.8-2.8 7.3-2.8 10 0s2.8 7.3 0 10.1"/></svg>`
-};
-const checkmark = {
-    name: 'checkmark',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M124.1 21.3c5.2 5.2 5.2 13.7 0 18.9L72.7 91.7l-18.9 18.9-19-18.9-30.9-31c-5.2-5.2-5.2-13.7 0-18.9s13.7-5.2 18.9 0l30.9 30.9 51.4-51.4c5.3-5.2 13.8-5.2 19 0"/></svg>`
-};
-const chevronDown = {
-    name: 'chevron-down',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="48" d="m112 184 144 144 144-144"/></svg>`
-};
-const chevronUp = {
-    name: 'chevron-up',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="48" d="m112 328 144-144 144 144"/></svg>`
-};
-const closeCircleOutline = {
-    name: 'close-circle-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M109.3 18.7c-25-25-65.5-25-90.5 0s-25 65.5 0 90.5 65.5 25 90.5 0 24.9-65.5 0-90.5M102 102c-21 20.9-55 20.9-76 0S5.1 47 26 26s55-20.9 76 0 20.9 55 0 76"/><path d="M87.5 40.5c-2.1-2.1-5.3-2.1-7.3-.1L63.9 56.7 47.7 40.5c-2-2-5.2-2-7.2 0s-2.1 5.3-.1 7.3L56.6 64 40.5 80.2c-2 2-2 5.2.1 7.3s5.3 2.1 7.3.1L64 71.4l16.1 16.1c2 2 5.3 2.1 7.4 0 2-2 2-5.2-.1-7.3L71.3 64.1l16.3-16.3c1.9-2 1.9-5.2-.1-7.3"/></svg>`
-};
-const closeCircle = {
-    name: 'close-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M109.3 18.7c-25-25-65.5-25-90.5 0s-25 65.5 0 90.5 65.5 25 90.5 0 24.9-65.5 0-90.5M87.4 80.2c2 2 2.1 5.3.1 7.3-2.1 2.1-5.3 2.1-7.4 0L64 71.4 47.8 87.5c-2 2-5.2 2-7.3-.1s-2.1-5.3-.1-7.3L56.6 64 40.4 47.7c-2-2-2-5.2.1-7.3 2-2 5.2-2 7.2 0L64 56.7l16.3-16.3c2-2 5.2-2 7.3.1s2.1 5.3.1 7.3L71.3 64.1z"/></svg>`
-};
-const close = {
-    name: 'close',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M73 64.1 93.2 44c2.5-2.5 2.5-6.6 0-9.1s-6.6-2.5-9.1 0L64 55.1 43.8 34.9c-2.5-2.5-6.6-2.5-9.1 0s-2.5 6.6 0 9.1l20.2 20.2-20.1 20c-2.5 2.5-2.5 6.6 0 9.1s6.6 2.5 9.1 0L64 73.2l20 20.1c2.5 2.5 6.6 2.5 9.1 0s2.5-6.6 0-9.1z"/></svg>`
-};
-const cog = {
-    name: 'cog',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M123.5 64.7c-13.2-4.2-17.6-20.7-8.3-31 2.4-2.7 2.3-6.7-.2-9.3L103.6 13c-2.5-2.5-6.6-2.6-9.3-.2-10.3 9.3-26.8 4.9-31-8.3-1.1-3.4-4.7-5.4-8.1-4.4L39.7 4.3c-3.5.9-5.6 4.4-4.8 7.9 3 13.6-9.1 25.6-22.7 22.7-3.5-.8-7 1.4-7.9 4.8L.1 55.2c-.9 3.5 1 7 4.4 8.1 13.2 4.2 17.6 20.7 8.3 31-2.4 2.7-2.3 6.7.2 9.3L24.4 115c2.5 2.5 6.6 2.6 9.3.2 10.3-9.3 26.8-4.9 31 8.3 1.1 3.4 4.7 5.4 8.1 4.4l15.5-4.2c3.5-.9 5.6-4.4 4.8-7.9-3-13.6 9.1-25.6 22.7-22.7 3.5.8 7-1.4 7.9-4.8l4.2-15.5c.9-3.5-1-7-4.4-8.1M64 93.8c-16.4 0-29.8-13.3-29.8-29.8S47.6 34.2 64 34.2 93.8 47.6 93.8 64 80.4 93.8 64 93.8"/></svg>`
-};
-const copyOutline = {
-    name: 'copy-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M120.1 36.6c-7.9-7.9-20-7.9-41.7-7.9s-33.8 0-41.7 7.9-7.9 20-7.9 41.7 0 33.8 7.9 41.7 20 7.9 41.7 7.9 33.8 0 41.7-7.9 7.9-20 7.9-41.7 0-33.8-7.9-41.7m-8.7 74.8c-6.3 6.3-15.9 6.3-33.1 6.3s-26.8 0-33.1-6.3-6.2-15.8-6.2-33 0-26.8 6.3-33.1S61.1 39 78.4 39c17.2 0 26.8 0 33.1 6.3s6.3 15.9 6.3 33.1c-.1 17.2-.1 26.8-6.4 33"/><path d="M20.6 88.9c0-1.9-1-3.6-2.5-4.8-.6-.4-1.1-.9-1.6-1.4-6.3-6.3-6.3-15.9-6.3-33.1s0-26.8 6.3-33.1 15.9-6.3 33.1-6.3 26.8 0 33.1 6.3c.5.5 1 1 1.4 1.6 1.2 1.5 2.9 2.4 4.8 2.5h.1c4.8 0 7.7-5.3 5.1-9.4q-1.2-1.8-2.7-3.3C83.5 0 71.4 0 49.6 0S15.8 0 7.9 7.9 0 27.9 0 49.6s0 33.8 7.9 41.7q1.5 1.5 3.3 2.7c4 2.6 9.4-.2 9.4-5.1q0 .15 0 0"/></svg>`
-};
-const copy = {
-    name: 'copy',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M120.1 36.6c-7.9-7.9-20-7.9-41.7-7.9s-33.8 0-41.7 7.9-7.9 20-7.9 41.7 0 33.8 7.9 41.7 20 7.9 41.7 7.9 33.8 0 41.7-7.9 7.9-20 7.9-41.7 0-33.8-7.9-41.7"/><path d="M20.6 78.4c0-25.3 0-39.4 9.2-48.6s23.3-9.2 48.6-9.2c7.4 0 13.8 0 19.5.2-1.1-5.4-3-9.5-6.4-12.9C83.5 0 71.4 0 49.6 0S15.8 0 7.9 7.9 0 27.9 0 49.6s0 33.8 7.9 41.7c3.4 3.4 7.6 5.3 12.9 6.4-.2-5.5-.2-12-.2-19.3"/></svg>`
-};
-const discover = {
-    name: 'discover',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="m119.4 57.3-33-33.2c-2.2-2.4-5.4-3.6-8.6-3.6s-6.2 1.2-8.6 3.6l-4 4c-.4.4-1 .4-1.2.4s-.8 0-1.2-.6l-4-4c-2.4-2.2-5.4-3.4-8.6-3.4s-6.2 1.2-8.6 3.6l-33 33.2C3.2 62.7 0 70.1 0 78.1c0 16.2 13.2 29.4 29.4 29.4 11.4 0 21.4-6.6 26.2-16.2q3.6 2.4 8.4 2.4c3 0 6-.8 8.4-2.4 4.8 9.6 14.8 16.2 26.2 16.2 16.2 0 29.4-13.2 29.4-29.4 0-8-3.2-15.4-8.6-20.8m-90 35c-7.8 0-14.2-6.4-14.2-14.2s6.4-14.2 14.2-14.2 14.2 6.4 14.2 14.2-6.4 14.2-14.2 14.2M64 85.1c-3.8 0-7-3-7-7 0-3.8 3-7 7-7s7 3 7 7c0 3.8-3.2 7-7 7m34.6 7.2c-7.8 0-14.2-6.4-14.2-14.2s6.4-14.2 14.2-14.2 14.2 6.4 14.2 14.2-6.4 14.2-14.2 14.2"/></svg>`
-};
-const document = {
-    name: 'document',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 56v120a32 32 0 0 0 32 32h120m-232 80h160m-160 80h160"/></svg>`
-};
-const dotsHorizontal = {
-    name: 'dots-horizontal',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><circle cx="256" cy="256" r="48"/><circle cx="416" cy="256" r="48"/><circle cx="96" cy="256" r="48"/></svg>`
-};
-const dotsVertical = {
-    name: 'dots-vertical',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><circle cx="256" cy="256" r="48"/><circle cx="256" cy="416" r="48"/><circle cx="256" cy="96" r="48"/></svg>`
-};
-const download = {
-    name: 'download',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="M376 160H272v153.37l52.69-52.68a16 16 0 0 1 22.62 22.62l-80 80a16 16 0 0 1-22.62 0l-80-80a16 16 0 0 1 22.62-22.62L240 313.37V160H136a56.06 56.06 0 0 0-56 56v208a56.06 56.06 0 0 0 56 56h240a56.06 56.06 0 0 0 56-56V216a56.06 56.06 0 0 0-56-56M272 48a16 16 0 0 0-32 0v112h32z"/></svg>`
-};
-const externalOutline = {
-    name: 'external-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M121.1 0H85.8c-3.5 0-6.6 2.8-6.6 6.2-.1 3.6 2.8 6.6 6.4 6.6h20.6L67.8 51.3c-2.5 2.5-2.5 6.7.1 9.2 2.5 2.4 6.6 2.1 9.1-.4l38.2-38.2v20.4c0 3.5 2.8 6.6 6.2 6.6 3.6.1 6.6-2.8 6.6-6.4V6.9c0-3.9-3-6.9-6.9-6.9"/><path d="M121.4 64.9c-3.6 0-6.6 2.9-6.6 6.5-.2 17.7-1 28.2-8.2 35.2-8.1 8.1-20.5 8.1-42.7 8.1s-34.6 0-42.7-8.1-8-20.4-8-42.6 0-34.6 8.1-42.7c7.2-7.2 17.5-8 35.2-8.1 3.7 0 6.6-3 6.6-6.6 0-3.7-3-6.7-6.7-6.6-23.3.1-37 1-46.2 10.2C0 20.4 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2c9.2-9.2 10.1-22.9 10.2-46.3 0-3.6-3-6.6-6.6-6.6"/></svg>`
-};
-const eyeOff = {
-    name: 'eye-off',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M19 10.85c1.53-.54 3.2-.85 5-.85 12 0 18 14 18 14s-1 2.33-3 5.09M13.54 14C8.51 18.14 6 24 6 24s6 14 18 14c4 0 7.33-1.56 10-3.63M8 8l32 32M20.46 20.46c-.9.9-1.46 2.15-1.46 3.54 0 2.76 2.24 5 5 5 1.38 0 2.63-.56 3.54-1.46"/></svg>`
-};
-const eye = {
-    name: 'eye',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><circle cx="24" cy="24" r="5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 24s6 14 18 14 18-14 18-14-6-14-18-14S6 24 6 24"/></svg>`
-};
-const fileAab = {
-    name: 'file-aab',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M94.6 57.4c-1.8 0-3.3.6-4.5 1.9s-1.8 2.9-1.8 4.9c0 2.1.6 3.7 1.8 4.9s2.7 1.9 4.5 1.9 3.3-.6 4.5-1.9c1.2-1.2 1.8-2.9 1.8-4.9 0-2.1-.6-3.7-1.8-4.9-1.2-1.3-2.7-1.9-4.5-1.9m-55.4 9.4c-.6.3-1.1.7-1.3 1.1q-.3.6-.3 1.5c0 .7.3 1.3.9 1.9s1.4.8 2.3.8c1.6 0 2.9-.5 4-1.5 1-1 1.5-2.2 1.5-3.7v-1.1c-1.9 0-3.3.1-4.5.3-1.1.2-2 .4-2.6.7m25 0c-.6.3-1.1.7-1.3 1.1q-.3.6-.3 1.5c0 .7.3 1.3.9 1.9s1.4.8 2.3.8c1.6 0 2.9-.5 4-1.5 1-1 1.5-2.2 1.5-3.7v-1.1c-1.9 0-3.3.1-4.5.3-1.1.2-1.9.4-2.6.7m53.6-56.6C107.6 0 92 0 64 0S20.4 0 10.2 10.2 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2S128 92 128 64s0-43.6-10.2-53.8m-91 65.7c-.7.7-1.5 1.1-2.5 1.1-.9 0-1.8-.4-2.5-1.1s-1.1-1.5-1.1-2.5.4-1.8 1.1-2.5 1.5-1.1 2.5-1.1c.9 0 1.8.4 2.5 1.1s1.1 1.5 1.1 2.5-.3 1.8-1.1 2.5m25.8.8H48l-1.1-2.4c-.6.5-1.2 1-1.9 1.4-.6.4-1.4.7-2.2.9s-2 .4-3.1.4c-2.7 0-4.8-.7-6.3-2s-2.2-3-2.2-5.1c0-1.2.3-2.4.7-3.4.5-1 1.3-1.9 2.5-2.7 1.2-.7 2.7-1.3 4.6-1.7q2.85-.6 7.2-.6c0-1.4-.4-2.4-1.1-3.2s-1.7-1.1-3-1.1c-.8 0-1.5.1-2 .4q-.75.45-1.2.9c-.3.4-.5.9-.7 1.4h-6.3c.1-1.2.5-2.3 1-3.3q.75-1.5 2.1-2.7c.9-.8 2-1.4 3.2-1.8 1.3-.5 2.7-.7 4.2-.7 1.4 0 2.7.3 3.9.7s2.2 1.2 3.1 2c.9.9 1.6 1.9 2 3.1.5 1.2.7 2.5.7 3.9zm25 0H73l-1.1-2.4c-.6.5-1.2 1-1.9 1.4-.6.4-1.4.7-2.2.9s-1.9.4-3 .4c-2.7 0-4.8-.7-6.3-2s-2.2-3-2.2-5.1c0-1.2.3-2.4.7-3.4.5-1 1.3-1.9 2.5-2.7 1.2-.7 2.7-1.3 4.6-1.7q2.85-.6 7.2-.6c0-1.4-.4-2.4-1.1-3.2s-1.7-1.1-3-1.1c-.8 0-1.5.1-2 .4q-.75.45-1.2.9c-.3.4-.5.9-.7 1.4H57c.1-1.2.5-2.3 1-3.3q.75-1.5 2.1-2.7c.9-.8 2-1.4 3.2-1.8s2.7-.7 4.2-.7c1.4 0 2.7.3 3.9.7s2.2 1.2 3.1 2 1.6 1.9 2 3.1c.5 1.2.7 2.5.7 3.9zm28.6-7.4c-.6 1.6-1.5 2.9-2.6 4.1-1.1 1.1-2.3 2-3.7 2.7s-2.9.9-4.4.9c-1.1 0-2.1-.1-2.9-.4-.9-.3-1.6-.6-2.2-.9-.7-.4-1.4-.9-1.9-1.4l-1.1 2.4h-4.6V42.4h6.3v11.4c.5-.4 1.1-.8 1.7-1.2.6-.3 1.3-.6 2-.8.8-.3 1.7-.4 2.8-.4q2.4 0 4.5.9c1.4.6 2.7 1.5 3.7 2.7 1.1 1.1 1.9 2.5 2.6 4.1q.9 2.4.9 5.1c-.1 1.9-.5 3.6-1.1 5.1"/></svg>`
-};
-const fileApk = {
-    name: 'file-apk',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M38.7 66.8c-.6.3-1.1.7-1.3 1.1q-.3.6-.3 1.5c0 .7.3 1.3.9 1.9.6.5 1.4.8 2.3.8 1.6 0 2.9-.5 3.9-1.4s1.5-2.2 1.5-3.7v-1.1c-1.8 0-3.3.1-4.4.2-1.2.2-2 .4-2.6.7m30.5-9.2c-1.7 0-3.2.6-4.4 1.8S63 62.2 63 64.3c0 2 .6 3.7 1.8 4.9s2.7 1.8 4.4 1.8 3.2-.6 4.4-1.8 1.8-2.8 1.8-4.9c0-2-.6-3.7-1.8-4.9s-2.6-1.8-4.4-1.8m48.6-47.4C107.6 0 92 0 64 0S20.4 0 10.2 10.2 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2S128 92 128 64s0-43.6-10.2-53.8M26.1 75.8c-.7.7-1.5 1.1-2.4 1.1s-1.7-.4-2.4-1.1-1.1-1.5-1.1-2.4.4-1.7 1.1-2.4 1.5-1.1 2.4-1.1 1.7.4 2.4 1.1 1.1 1.5 1.1 2.4-.4 1.7-1.1 2.4m25.7.8h-4.5l-1.1-2.4c-.6.5-1.2.9-1.9 1.3-.6.4-1.3.7-2.2.9-.9.3-1.8.4-2.9.4-2.7 0-4.7-.7-6.2-2-1.4-1.3-2.1-3-2.1-5 0-1.2.2-2.3.7-3.3s1.3-1.9 2.4-2.6 2.7-1.3 4.5-1.7c1.9-.4 4.2-.6 7.1-.6 0-1.3-.4-2.4-1.1-3.2s-1.7-1.1-2.9-1.1c-.8 0-1.5.1-2 .4q-.75.45-1.2.9c-.3.4-.5.8-.7 1.3h-6.2c.1-1.1.5-2.2 1-3.2s1.2-1.9 2.1-2.6c.9-.8 2-1.3 3.2-1.8 1.2-.4 2.6-.7 4.1-.7 1.4 0 2.7.2 3.9.7s2.2 1.2 3.1 2c.9.9 1.5 1.9 2 3.1s.7 2.5.7 3.9zm28.8-7.3c-.6 1.5-1.5 2.9-2.5 4-1.1 1.1-2.3 2-3.7 2.6s-2.9.9-4.4.9c-1 0-1.9-.1-2.7-.4s-1.4-.5-2-.8c-.7-.4-1.2-.8-1.7-1.2v10.7h-6.2V52H62l1.1 2.4c.5-.5 1.2-.9 1.9-1.3.6-.3 1.3-.6 2.2-.9s1.8-.4 2.9-.4c1.5 0 3 .3 4.4.9s2.6 1.5 3.7 2.6 1.9 2.5 2.5 4 .9 3.2.9 5c-.1 1.8-.4 3.5-1 5m20.2 7.3-8.6-11.2v11.2h-6.1V42.8h6.2v19.3L99.8 52h7L98 63.8l9.9 12.9z"/></svg>`
-};
-const fileApks = {
-    name: 'file-apks',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M28.2 69.3c0 1.3 1.3 2.7 3.2 2.7 3.2 0 5.4-2.1 5.4-5.1v-1.1c-7.3 0-8.6 1.4-8.6 3.5"/><path d="M117.8 10.2C107.6 0 92 0 64 0S20.4 0 10.2 10.2 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2S128 92 128 64s0-43.6-10.2-53.8M14.9 76.8c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5m28-.3h-4.6l-1.1-2.4c-.6.5-1.2 1-1.9 1.3-1.2.7-2.9 1.3-5.1 1.3-5.4 0-8.3-2.9-8.3-7 0-4.9 3.5-8.3 14.7-8.3 0-2.7-1.6-4.3-4-4.3-1.7 0-2.5.7-3.1 1.3-.3.4-.5.9-.6 1.3h-6.2c.6-4.5 4.3-8.3 10.4-8.3 5.6 0 9.6 4.1 9.6 9.6v15.5zm17.9.3c-2.1 0-3.6-.6-4.7-1.2-.6-.4-1.2-.7-1.7-1.2v10.7h-6.2V51.9h4.6l1.1 2.4c.5-.5 1.2-1 1.9-1.3 1.2-.6 2.9-1.3 5.1-1.3 6.2 0 11.5 5.3 11.5 12.6-.1 7.2-5.5 12.5-11.6 12.5m30.4-.3-8.6-11.2v11.2h-6.2V42.8h6.2v19.3l7.5-10.2h7l-8.8 11.8 9.9 12.9h-7zm17.1.3c-6.4 0-9.7-3.2-10.2-8h5.9c.3 1.7 1.6 2.9 3.7 2.9s3.5-1.3 3.5-2.7c0-3.5-12.6-1.4-12.6-9.9 0-4 3.5-7.5 8.8-7.5 5.9 0 9 3.2 9.6 7.5h-5.9c-.3-1.1-1.6-2.4-3.5-2.4s-2.9 1.1-2.9 2.4c0 3.4 12.6 1.4 12.6 10.2.1 4-3.5 7.5-9 7.5"/><path d="M60 57.5c-3.5 0-6.2 2.6-6.2 6.7s2.7 6.7 6.2 6.7 6.2-2.6 6.2-6.7c-.1-4.1-2.7-6.7-6.2-6.7"/></svg>`
-};
-const fileIpa = {
-    name: 'file-ipa',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M63.5 57.5c-1.7 0-3.2.6-4.4 1.8s-1.8 2.8-1.8 4.9c0 2 .6 3.7 1.8 4.9s2.6 1.8 4.4 1.8c1.7 0 3.2-.6 4.4-1.8s1.8-2.8 1.8-4.9c0-2-.6-3.7-1.8-4.9s-2.7-1.8-4.4-1.8M87 66.8c-.6.3-1.1.7-1.3 1.1s-.3.9-.3 1.5c0 .7.3 1.3.9 1.9.6.5 1.4.8 2.3.8 1.6 0 2.9-.5 3.9-1.4S94 68.5 94 67v-1.1c-1.8 0-3.3.1-4.4.2s-2 .4-2.6.7m30.8-56.6C107.6 0 92 0 64 0S20.4 0 10.2 10.2 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2S128 92 128 64s0-43.6-10.2-53.8m-84 65.6c-.7.7-1.5 1.1-2.4 1.1s-1.7-.4-2.4-1.1-1.1-1.5-1.1-2.4.4-1.7 1.1-2.4 1.5-1.1 2.4-1.1 1.7.4 2.4 1.1 1.1 1.5 1.1 2.4c-.1.9-.4 1.7-1.1 2.4m12 .7h-6.2V51.9h6.2zm-.5-28.8c-.7.7-1.5 1.1-2.4 1.1s-1.7-.4-2.4-1.1-1.1-1.5-1.1-2.4.4-1.7 1.1-2.4 1.5-1.1 2.4-1.1 1.7.4 2.4 1.1 1.1 1.5 1.1 2.4c-.1.8-.4 1.7-1.1 2.4m29.5 21.6c-.6 1.5-1.5 2.9-2.5 4-1.1 1.1-2.3 2-3.7 2.6s-2.9.9-4.4.9c-1 0-1.9-.1-2.7-.4s-1.4-.5-2-.8c-.7-.4-1.2-.8-1.7-1.2v10.7h-6.2V51.9h4.5l1.1 2.4c.5-.5 1.2-.9 1.9-1.3.6-.3 1.3-.6 2.2-.9s1.8-.4 2.9-.4c1.5 0 3 .3 4.4.9s2.6 1.5 3.7 2.6 1.9 2.5 2.5 4 .9 3.2.9 5c.1 1.9-.2 3.5-.9 5.1m25.3 7.2h-4.5l-1.1-2.4c-.6.5-1.2.9-1.9 1.3-.6.4-1.3.7-2.2.9-.9.3-1.8.4-2.9.4-2.7 0-4.7-.7-6.1-2s-2.1-3-2.1-5c0-1.2.2-2.3.7-3.3s1.3-1.9 2.4-2.6 2.7-1.3 4.5-1.7c1.9-.4 4.2-.6 7-.6 0-1.3-.4-2.4-1.1-3.2s-1.7-1.1-2.9-1.1c-.8 0-1.5.1-2 .4q-.75.45-1.2.9c-.3.4-.5.8-.7 1.3h-6c.1-1.1.5-2.2 1-3.2s1.2-1.9 2.1-2.6 2-1.3 3.2-1.8c1.2-.4 2.6-.7 4.1-.7 1.4 0 2.7.2 3.9.7s2.2 1.2 3.1 2 1.5 1.9 2 3.1.7 2.5.7 3.9z"/></svg>`
-};
-const fileZip = {
-    name: 'file-zip',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M86.5 57.4c-1.8 0-3.3.6-4.5 1.9-1.2 1.2-1.8 2.9-1.8 4.9 0 2.1.6 3.7 1.8 4.9s2.7 1.9 4.5 1.9 3.3-.6 4.5-1.9 1.8-2.9 1.8-4.9c0-2.1-.6-3.7-1.8-4.9s-2.7-1.9-4.5-1.9m31.3-47.2C107.6 0 92 0 64 0S20.4 0 10.2 10.2 0 36 0 64s0 43.6 10.2 53.8S36 128 64 128s43.6 0 53.8-10.2S128 92 128 64s0-43.6-10.2-53.8M34.9 75.9c-.7.7-1.5 1.1-2.5 1.1s-1.8-.4-2.5-1.1-1.1-1.5-1.1-2.5.4-1.8 1.1-2.5 1.5-1.1 2.5-1.1 1.8.4 2.5 1.1 1.1 1.5 1.1 2.5-.3 1.8-1.1 2.5m24.2.8H39.7v-5.2l10.9-13.9H39.7v-6h18.8v5.2L47.6 70.7H59v6zm10.2 0H63v-25h6.3zm-.5-29.4c-.7.7-1.5 1.1-2.5 1.1-.9 0-1.8-.4-2.5-1.1s-1.1-1.5-1.1-2.5.4-1.8 1.1-2.5 1.5-1.1 2.5-1.1c.9 0 1.8.4 2.5 1.1s1.1 1.5 1.1 2.5-.4 1.8-1.1 2.5m29.3 22c-.6 1.6-1.5 2.9-2.6 4.1-1.1 1.1-2.3 2-3.7 2.7s-2.9.9-4.4.9c-1.1 0-2-.1-2.8-.4s-1.5-.5-2-.8c-.7-.4-1.2-.8-1.7-1.3v10.9h-6.3V51.7h4.6l1.1 2.4c.5-.5 1.2-1 1.9-1.4.6-.3 1.4-.6 2.2-.9s1.9-.4 2.9-.4q2.4 0 4.5.9c1.4.6 2.7 1.5 3.7 2.7 1.1 1.1 1.9 2.5 2.6 4.1q.9 2.4.9 5.1.15 2.85-.9 5.1"/></svg>`
-};
-const filterOutline = {
-    name: 'filter-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M113.5 10.3c2.3 0 4.2 1.9 4.2 4.2 0 1.1-.5 2.2-1.3 3l-39 38c-2 1.9-3.1 4.6-3.1 7.4v53.3l-20.6-10V62.9c0-2.8-1.1-5.4-3.1-7.4l-39-38c-.8-.8-1.3-1.9-1.3-3 0-2.3 1.9-4.2 4.2-4.2zm0-10.3h-99C6.5 0 0 6.5 0 14.5c0 3.9 1.6 7.7 4.4 10.4l39 38v44.9c0 2.9 1.7 5.6 4.3 6.9l25.8 12.5c1.1.5 2.2.8 3.4.8 4 0 7.7-3.2 7.7-7.7V62.9l39-38c2.8-2.7 4.4-6.5 4.4-10.4 0-8-6.5-14.5-14.5-14.5"/></svg>`
-};
-const filter = {
-    name: 'filter',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M128 14.5c0-8-6.5-14.5-14.5-14.5h-99C6.5 0 0 6.5 0 14.5c0 3.9 1.6 7.7 4.4 10.4l39 38v44.9c0 2.9 1.7 5.6 4.3 6.9l25.8 12.5c5.1 2.5 11-1.2 11-6.9V62.9l39-38c2.9-2.8 4.5-6.5 4.5-10.4"/></svg>`
-};
-const flash = {
-    name: 'flash',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="M194.82 496a18.36 18.36 0 0 1-18.1-21.53v-.11L204.83 320H96a16 16 0 0 1-12.44-26.06L302.73 23a18.45 18.45 0 0 1 32.8 13.71c0 .3-.08.59-.13.89L307.19 192H416a16 16 0 0 1 12.44 26.06L209.24 489a18.45 18.45 0 0 1-14.42 7"/></svg>`
-};
-const folder = {
-    name: 'folder',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M440 432H72a40 40 0 0 1-40-40V120a40 40 0 0 1 40-40h75.89a40 40 0 0 1 22.19 6.72l27.84 18.56a40 40 0 0 0 22.19 6.72H440a40 40 0 0 1 40 40v240a40 40 0 0 1-40 40M32 192h448"/></svg>`
-};
-const help = {
-    name: 'help',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64m-6 304a20 20 0 1 1 20-20 20 20 0 0 1-20 20m33.44-102C267.23 276.88 265 286.85 265 296a14 14 0 0 1-28 0c0-21.91 10.08-39.33 30.82-53.26C287.1 229.8 298 221.6 298 203.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 191.25 214 202.83 214 203a14 14 0 1 1-28-1.35c.11-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82C312.7 161.34 326 180.43 326 203.57c0 33.83-22.61 49.02-42.56 62.43"/></svg>`
-};
-const home = {
-    name: 'home',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M72.1 3.5c-4.6-4.6-12-4.6-16.6 0l-50 48.4C1.9 55.5.1 60.5.7 65.5l5.6 49.2c.8 7.6 7.2 13.2 14.8 13.2h16.4c4.6 0 8.2-3.6 8.2-8.2v-24c0-5.2 4.2-9.6 9.6-9.6h16.8c5.2 0 9.6 4.2 9.6 9.6v24.2c0 4.6 3.6 8.2 8.2 8.2h16.4c7.6 0 14-5.8 14.8-13.2l5.6-49.2c.6-5-1.2-10.2-4.8-13.6z"/></svg>`
-};
-const infoCircleOutline = {
-    name: 'info-circle-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 220h32v116"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M208 340h88"/><path d="M248 130a26 26 0 1 0 26 26 26 26 0 0 0-26-26"/></svg>`
-};
-const lockOpened = {
-    name: 'lock-opened',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M102.5 50.1c-6.7-6.7-17.1-6.7-35.6-6.7h-7.5c-3.9 0-7.5 0-10.7.1V25.6c0-8.7 7.3-15.7 16-15.3 8.3.4 14.6 7.5 14.6 15.7v2.2c0 2.8 2.3 5.1 5.1 5.1s5.1-2.3 5.1-5.1v-2C89.6 11.8 77.9-.3 63.5 0 49.6.3 38.4 11.6 38.4 25.6V44c-6.3.8-11 2.5-14.6 6.1-6.7 6.7-6.7 17.1-6.7 35.6s0 28.8 6.7 35.6c6.7 6.7 17.1 6.7 35.6 6.7h7.5c18.5 0 28.8 0 35.6-6.7 6.7-6.7 6.7-17.1 6.7-35.6.1-18.6.1-28.9-6.7-35.6"/></svg>`
-};
-const lock = {
-    name: 'lock',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M102.5 50.1c-3.3-3.3-7.4-5-12.9-5.8V25.6C89.6 11.5 78.1 0 64 0S38.4 11.5 38.4 25.6V44c-6.3.8-11 2.5-14.6 6.1-6.7 6.7-6.7 17.1-6.7 35.6s0 28.8 6.7 35.6c6.7 6.7 17.1 6.7 35.6 6.7h7.5c18.5 0 28.8 0 35.6-6.7 6.7-6.7 6.7-17.1 6.7-35.6.1-18.6.1-28.9-6.7-35.6m-43.1-6.8c-3.9 0-7.5 0-10.7.1V25.6c0-8.4 6.9-15.3 15.3-15.3s15.3 6.9 15.3 15.3v17.8c-3.7-.1-7.8-.1-12.4-.1z"/></svg>`
-};
-const logoAndroid = {
-    name: 'logo-android',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M47.86 36.94c-.02-.1-.03-.2-.05-.3-.1-.6-.22-1.2-.37-1.79-.25-1.03-.57-2.03-.95-3-.32-.82-.68-1.62-1.09-2.4-.52-1-1.1-1.95-1.75-2.86-.79-1.11-1.68-2.16-2.65-3.12q-.615-.6-1.26-1.17c-.94-.81-1.94-1.55-3-2.21 0-.02.02-.03.03-.05.48-.84.97-1.67 1.45-2.51.47-.82.95-1.64 1.42-2.45.34-.59.68-1.18 1.02-1.76a2.217 2.217 0 0 0-.79-3.01 2.26 2.26 0 0 0-1.36-.3c-.11.01-.23.03-.34.06a2.22 2.22 0 0 0-1.34 1.03c-.34.59-.68 1.18-1.02 1.76l-1.42 2.45c-.48.84-.97 1.67-1.45 2.51-.05.09-.11.18-.16.28-.07-.03-.15-.06-.22-.09a24 24 0 0 0-8.59-1.58h-.25c-2.69.03-5.28.5-7.69 1.34-.28.1-.55.2-.83.31-.05-.09-.1-.17-.15-.26-.48-.84-.97-1.67-1.45-2.51-.47-.82-.95-1.64-1.42-2.45-.34-.59-.68-1.18-1.02-1.76-.08-.14-.17-.27-.28-.38-.29-.32-.66-.54-1.06-.65a2 2 0 0 0-.34-.06c-.14-.01-.28-.02-.42 0-.33.03-.65.13-.94.3a2.13 2.13 0 0 0-.9 1.04c-.04.09-.07.19-.1.29a2.22 2.22 0 0 0 .22 1.68c.34.59.68 1.18 1.02 1.76.47.82.95 1.64 1.42 2.45.48.84.97 1.67 1.45 2.51 0 0 0 .01.01.02-.98.61-1.91 1.28-2.78 2.02a24.684 24.684 0 0 0-4.17 4.51c-.65.91-1.23 1.86-1.75 2.86-.4.78-.77 1.58-1.09 2.4-.38.97-.69 1.97-.95 3-.14.59-.27 1.18-.37 1.79-.02.1-.03.2-.05.29-.05.35-.1.7-.14 1.06h48c-.04-.36-.08-.71-.14-1.06Zm-33.14-6.58c-.79 1.19-2.21 1.63-3.17.99s-1.1-2.12-.31-3.31 2.21-1.63 3.17-.99 1.1 2.12.31 3.31m21.76.99c-.96.64-2.38.2-3.17-.99s-.65-2.67.31-3.31 2.38-.2 3.17.99.65 2.67-.31 3.31"/></svg>`
-};
-const logoAngular = {
-    name: 'logo-angular',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M42 11.34 40.7 31.7 28.27 5zm-8.61 26.32L24 43l-9.39-5.34 1.91-4.62h14.96zM24 15.14l4.92 11.93h-9.84zM7.29 31.69 6 11.33l13.73-6.34z"/></svg>`
-};
-const logoAppCenter = {
-    name: 'logo-app-center',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M96 0v109.9L0 96l96 32 32-13.3V13.3z"/><path d="M43.7 88V68.8L64 82.7l16-5.3V34.7l-16-5.3-19.7 13.8V24L32 21.3 10.7 40v8L23 56l-12.3 8v8L32 90.7zM64 45.3v21.3L43.7 56zm-46.9-2.1L32 32v18.7zM32 61.3V80L17.1 68.8z"/></svg>`
-};
-const logoAppGallery = {
-    name: 'logo-app-gallery',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 128 128" class="wr-icon__svg"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M55.8 74.2H61l-2.6-6z" class="st0"/><path d="M92.1 0H35.9C9.6 0 0 9.6 0 35.9v56.2C0 118.4 9.6 128 35.9 128h56.2c26.3 0 35.9-9.6 35.9-35.9V35.9C128 9.6 118.4 0 92.1 0M28.7 80.8h-3.4V74h-7.7v6.8h-3.4V64h3.4v6.8h7.7V64h3.4zm19.1-7.3c0 4.8-2.6 7.6-7.3 7.6-4.6 0-7.2-2.7-7.2-7.4V64h3.4v9.5c0 2.8 1.4 4.3 3.8 4.3 2.5 0 3.8-1.5 3.8-4.2V64h3.4v9.5zm-5.1-52.2h3c0 10.1 8.2 18.3 18.3 18.3s18.3-8.2 18.3-18.3h3c0 11.8-9.6 21.3-21.3 21.3-11.8.1-21.3-9.5-21.3-21.3m21 59.4-1.5-3.5h-7.7L53 80.7h-3.5L57 64h3l7.4 16.7zm21.5.1h-2.8l-3.8-11-3.8 11H72L66 64h3.6l3.7 11.5L77.2 64H80l3.8 11.5L87.5 64H91zm21.2-.1H93.7V64H106v3.1h-9v3.4h6.2v3.1H97v4.1h9.3v3zm7.4 0h-3.4V64h3.4z" class="st0"/></svg>`
-};
-const logoApple = {
-    name: 'logo-apple',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M39.91 17.36c-.24.19-4.52 2.6-4.52 7.96 0 6.2 5.44 8.39 5.6 8.44-.03.13-.86 3-2.87 5.93-1.79 2.57-3.65 5.14-6.49 5.14s-3.57-1.65-6.85-1.65-4.33 1.7-6.93 1.7-4.41-2.38-6.49-5.3C8.95 36.15 7 30.81 7 25.75c0-8.12 5.28-12.42 10.47-12.42 2.76 0 5.06 1.81 6.79 1.81s4.22-1.92 7.36-1.92c1.19 0 5.47.11 8.28 4.14Zm-9.77-7.58c1.3-1.54 2.22-3.68 2.22-5.82 0-.3-.03-.6-.08-.84-2.11.08-4.63 1.41-6.14 3.17-1.19 1.35-2.3 3.49-2.3 5.66 0 .33.05.65.08.76.13.03.35.05.57.05 1.9 0 4.28-1.27 5.66-2.98Z"/></svg>`
-};
-const logoAppscreener = {
-    name: 'logo-appscreener',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="wr-icon__svg"><path d="M24.88 215.29c.09-.06.18-.12.24-.18-.06.06-.15.12-.24.18M95.44 160c0-.8.09-1.59.12-2.36l-23.91-1.83c-1.06 16.47 3.39 32.53 12.1 45.87l20.52-13.11c-5.56-8.14-8.83-17.97-8.83-28.57m11.1-31.65-32.3-31.94c-9.48 10.72-16.74 23.73-20.78 38.46-.89 3.28-1.59 6.58-2.15 9.89l44.37 10.18c1-10 4.92-19.15 10.86-26.59m115.66-21.16 22.35-16.62c-5.28-7.59-16.92-20.96-24.44-26.57l-18.13 21.82c12.1 9.15 16.73 16.44 20.22 21.37"/><path d="M51.19 76.63c-18.13 19.45-25.06 33.8-30.32 61.14l25.92 5.76c3.22-19.34 11.9-36.69 24.35-50.51zm-39.47 71.89c-1.86 30.52 6.26 63.11 21.99 86.73l45.84-30.44c-9.45-14.38-14.26-31.65-13.11-49.42zc0-.12 0 .09 0 0m23.5-106.04 44.4 49.8c14.41-14.52 33.36-23.85 53.7-26.98L125.19 0C90.74 4.37 59.51 19.69 35.22 42.48m153.09 89.42 29.85-21.17c-5.25-7.59-11.78-14.32-19.28-19.93l-24.15 27.34c5.34 3.66 9.98 8.32 13.58 13.76m33.89-24.71 22.35-16.62c-5.28-7.59-16.92-20.96-24.44-26.57l-18.13 21.82c12.1 9.15 16.73 16.44 20.22 21.37m-116.28 83.6L72.8 217.12c4.52 5.23 11.51 12.28 17.06 16.38l23.53-34.83a53.5 53.5 0 0 1-7.47-7.88"/><path d="m140.93 109.58-6.61-38.44c-19.31 2.98-38.2 12.55-51.78 26.45l25.74 28.78c8.18-9.23 19.66-15.46 32.65-16.79M69.31 219.84l-17.74 14.91c6.05 7 15.14 15.79 22.64 21.25l13.34-18.18a98 98 0 0 1-18.24-17.98m76.96-134.76h-.32c-1.3 0-2.57.09-3.84.15l1.3 24.09c.89-.06 1.8-.03 2.72-.03 9.56 0 18.48 2.69 26.1 7.29l13.79-19.96c-11.53-7.26-25.14-11.51-39.75-11.54m-.15-5.73c15.56 0 30.05 4.4 42.36 12.04.24.15.5.3.77.44L218 49.97c-18.95-12.31-41.3-19.96-65.51-21.11-4.22-.21-8.41-.18-12.55.03l1.77 50.6c1.49-.08 2.94-.14 4.41-.14"/></svg>`
-};
-const logoAppstore = {
-    name: 'logo-appstore',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.6 0 0 28.6 0 64s28.6 64 64 64 64-28.6 64-64S99.4 0 64 0M39.7 92c-.8 1.4-2.3 2.2-3.8 2.2-.8 0-1.6-.2-2.2-.6-2.1-1.2-2.8-3.9-1.6-6l4.4-7.3c.4-.8 1.3-1.2 2.2-1.2h.6c3.2 0 5.4 1.9 6 3.8zm37-14.3H29.1c-2.4 0-4.4-2-4.4-4.4v-.2c.1-2.4 2.2-4.2 4.6-4.2H43l16.3-27.8-5.3-9c-1.2-2.1-.7-4.8 1.4-6.1s4.8-.7 6.2 1.3c0 .1.1.1.1.2l2.8 4.8 2.8-4.8c1.3-2.1 4-2.8 6.1-1.6l.1.1c2 1.3 2.6 4 1.4 6.1l-5.3 9-5.1 8.8-11.2 19h16.5c2.1 0 4.6 1.1 5.7 2.9l.1.2c.9 1.6 1.4 2.6 1.4 4.2q0 .75-.3 1.5m22.2 0h-7.7l5.7 9.6c1.3 2.1.6 4.8-1.5 6.2-.7.4-1.5.6-2.3.6-1.6 0-3-.8-3.8-2.2l-8.4-14.2-5.2-8.9L69 57.3c-2-3.3-2-7.5-.2-10.9 1.3-2.3 2.3-3 2.3-3L86 68.9h12.8c2.4 0 4.5 1.8 4.6 4.2.1 2.5-1.8 4.5-4.3 4.6z"/></svg>`
-};
-const logoBankCenterCredit = {
-    name: 'logo-bank-center-credit',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="m45.7 31-14-23.3c-3.5-5.8-11.9-5.8-15.5 0L2.3 31c-3.6 6.1.7 13.7 7.7 13.7h28c7 0 11.3-7.6 7.7-13.7m-5.9 8.7H11.7c-3.9 0-6.2-4.2-4.2-7.5l14-23.3c2-3.2 6.6-3.2 8.6 0l14 23.3c1.9 3.2-.4 7.5-4.3 7.5m-9.2-26.1c-1.3-2.4-4.7-2.4-6.1 0l-9.3 15.5c-1.4 2.4.3 5.4 3.1 5.4h18.6c2.8 0 4.5-3.1 3.1-5.4zm4.8 16H23.3c-1.1 0-1.7-1.2-1.2-2.1l6.1-10.1c.6-.9 1.9-.9 2.4 0l6.1 10.1c.4.9-.2 2.1-1.3 2.1"/></svg>`
-};
-const logoChrome = {
-    name: 'logo-chrome',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M17.1 24c0 3.8 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9-3.1-6.9-6.9-6.9-6.9 3.1-6.9 6.9m29.6-3.9c-.2-1-.4-2-.7-3 .2 1 .5 2 .7 3-.2-1-.4-2-.7-3H30c2 1.7 3.2 4.1 3.2 6.9 0 1.6-.4 3.2-1.3 4.6L21.4 46.8c.9.2 1.7.2 2.6.2.7 0 1.4 0 2.1-.1 1-.1 2.1-.3 3.1-.5C39.4 44.1 47 34.9 47 24q0-1.95-.3-3.9M24 33.2c-3.4 0-6.3-1.8-7.9-4.6L5.5 10.4C-2 20.5.1 34.9 10.3 42.5c2.6 1.9 5.5 3.3 8.7 4l8-13.8c-1 .3-2 .5-3 .5M7.1 8.5 15 22.1c.9-4.3 4.6-7.4 9-7.4h21.1c-.7-1.6-1.6-3.1-2.6-4.5 1 1.4 1.9 2.9 2.6 4.5-.7-1.6-1.6-3.1-2.6-4.5C34.8.1 20.4-2 10.2 5.6 9.1 6.4 8 7.4 7.1 8.5"/></svg>`
-};
-const logoDiscord = {
-    name: 'logo-discord',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M40 9.5c-3-1.4-6.2-2.4-9.5-2.9q-.75 1.2-1.2 2.4-5.25-.75-10.5 0c-.4-.8-.8-1.7-1.2-2.5q-5.1.9-9.6 3C2 18.4.4 27 1.2 35.6c3.5 2.6 7.5 4.6 11.6 5.8.9-1.3 1.8-2.6 2.5-4-1.4-.5-2.7-1.1-3.9-1.9.3-.2.7-.5 1-.7 7.4 3.5 15.9 3.5 23.3 0 .3.3.6.5 1 .7-1.3.7-2.6 1.4-3.9 1.9.7 1.4 1.5 2.8 2.5 4 4.2-1.3 8.1-3.2 11.6-5.8.9-9.9-1.7-18.5-6.9-26.1M16.4 30.3c-2.3 0-4.1-2.1-4.1-4.6s1.8-4.6 4.1-4.6 4.2 2.1 4.1 4.6-1.8 4.6-4.1 4.6m15.2 0c-2.3 0-4.1-2.1-4.1-4.6s1.8-4.6 4.1-4.6 4.2 2.1 4.1 4.6-1.7 4.6-4.1 4.6"/></svg>`
-};
-const logoFirebase = {
-    name: 'logo-firebase',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M20.6 83.6 33.2 2.5c.4-2.8 4.1-3.4 5.5-.9L52.3 27zm90.3 18.8L98.5 28.6c-.3-1.6-1.8-2.7-3.4-2.4-.6.1-1.1.4-1.6.8L17 102.4l42.5 24.5c2.7 1.5 5.9 1.5 8.5 0zM76.4 38.1l-9.7-18.5c-.7-1.4-2.5-2-3.9-1.3-.5.3-1 .7-1.3 1.3L18.6 95.9z"/></svg>`
-};
-const logoForteBank = {
-    name: 'logo-forte-bank',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M47 21.5c-.2-.5-.7-.8-1.3-.8h-4c-.4 0-.7.1-1 .4-2.4 2.2-5.2 3.2-8.5 3-5.7-.4-10-4.7-10-10 0-4 3.3-7.3 7.4-7.3 1.6 0 3.3.8 4.4 2 .2.2.5.6.6 1q.15.45 0 .9c-.3.7-1.1 1.1-1.8.9-.5-.2-.9-.3-1.4-.3-1.8 0-3.3 1.1-3.9 2.8-.6 1.6-.1 3.5 1.2 4.6l.2.2.1.1c0 .1.1.1.2.1 2.1 1.2 4.6 1.3 6.8.2 2.5-1.2 4.3-3.7 4.7-6.7.4-2.7-.4-5.4-2.2-7.6-2.1-2.5-5.4-4-8.7-4.1h-.2c-7.2 0-13.1 5.8-13.2 13 0 1.4.2 2.8.5 4.1-.3 0-.5-.1-.8-.1-5.9-.4-11.1 2-15 6.8-.4.4-.4 1-.2 1.6.2.5.7.8 1.3.8h4c.4 0 .7-.1 1-.4 2.4-2.2 5.2-3.2 8.5-3 5.7.4 10 4.7 10 10 0 4-3.3 7.3-7.4 7.3-1.6 0-3.3-.8-4.4-2-.2-.2-.5-.6-.6-1q-.15-.45 0-.9c.3-.7 1.1-1.1 1.8-.9.5.2.9.3 1.4.3 1.8 0 3.3-1.1 3.9-2.8.6-1.6.1-3.5-1.2-4.6l-.2-.2v.1c0-.1-.1-.1-.2-.1-2.1-1.2-4.7-1.3-6.8-.2-2.5 1.2-4.3 3.7-4.7 6.7-.4 2.7.4 5.4 2.2 7.6 2.1 2.5 5.4 4 8.7 4.1h.2c7.2 0 13.1-5.8 13.2-13 0-1.4-.2-2.8-.5-4.1.3 0 .5.1.8.1h1.2c5.4 0 10.2-2.4 13.8-6.9.2-.5.3-1.1.1-1.7"/></svg>`
-};
-const logoGithub = {
-    name: 'logo-github',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 1.6c-35.3 0-64 28.7-64 64 0 28.3 18.3 52.3 43.8 60.7 3.2.6 4.4-1.4 4.4-3.1 0-1.5-.1-5.5-.1-10.9-17.8 3.9-21.6-8.6-21.6-8.6-2.9-7.4-7.1-9.4-7.1-9.4-5.8-4 .4-3.9.4-3.9 6.4.5 9.8 6.6 9.8 6.6 5.7 9.8 15 7 18.6 5.3.6-4.1 2.2-7 4.1-8.6-14.2-1.6-29.2-7.1-29.2-31.6 0-7 2.5-12.7 6.6-17.2-.7-1.6-2.9-8.1.6-16.9 0 0 5.4-1.7 17.6 6.6 5.1-1.4 10.6-2.1 16-2.2 5.4 0 10.9.7 16 2.2C92.1 26.3 97.5 28 97.5 28c3.5 8.8 1.3 15.3.6 16.9 4.1 4.5 6.6 10.2 6.6 17.2 0 24.6-15 30-29.2 31.6 2.3 2 4.3 5.9 4.3 11.9 0 8.6-.1 15.5-.1 17.6 0 1.7 1.2 3.7 4.4 3.1 25.4-8.5 43.7-32.5 43.7-60.7.2-35.4-28.5-64-63.8-64"/></svg>`
-};
-const logoGitlab = {
-    name: 'logo-gitlab',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="m46.2 19.4-.1-.2-6.2-16.3c-.1-.3-.4-.6-.6-.8-.6-.4-1.4-.3-1.9.1-.3.2-.5.5-.6.8l-4.2 13H15.4L11.2 3.1c-.1-.3-.3-.6-.6-.8-.6-.4-1.3-.5-1.9-.1-.2.1-.5.4-.6.7L1.8 19.2l-.1.2c-1.9 4.8-.3 10.3 3.9 13.4h.1l9.5 7.1 4.7 3.6 2.9 2.2c.7.5 1.6.5 2.3 0l2.9-2.2 4.7-3.6 9.6-7.2c4.2-3 5.8-8.5 3.9-13.3"/></svg>`
-};
-const logoGooglePlay = {
-    name: 'logo-google-play',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M65.2 64 6.3 121.4c-.2.2-.5.4-.9.4-.7 0-1.2-.6-1.2-1.2V7.5c0-.3.1-.6.4-.9.5-.5 1.3-.5 1.8 0zm7.2-6.9 17.4-16.7L16-.3c-1.3-.7-2.5 1-1.4 2zm-57.9 69.2c-1 1 .2 2.7 1.4 2l73.8-40.7-17.3-16.7zm105.1-69.5L99 45.5 79.6 64 99 82.5l20.6-11.3c5.7-3.1 5.7-11.3 0-14.4"/></svg>`
-};
-const logoHalykBank = {
-    name: 'logo-halyk-bank',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M16.5 24.8c-2.8 1.3-4.8 3.1-6 4.7l-3.9-3.9c-.9-.9-.9-2.3 0-3.2L22.4 6.5c.9-.9 2.3-.9 3.2 0l4.4 4.4c.5.5.9 1.1 1.1 1.8.6 1.7 1.2 4.7-1.2 7.5-3.7 4.4-7.4 1.8-13.4 4.6m21.1-6.3c-1.3 1.5-3.2 3.3-6 4.7-6.1 2.8-9.7.3-13.5 4.7-2.3 2.8-1.8 5.7-1.2 7.5.3.7.6 1.3 1.1 1.8l4.4 4.4c.9.9 2.3.9 3.2 0l15.9-15.9c.9-.9.9-2.3 0-3.2zm8.5 7.7-4.9 4.9v7c0 1.7-1.4 3.1-3.1 3.1h-7l-4.9 4.9c-1.2 1.2-3.1 1.2-4.4 0l-4.9-4.9h-7c-1.7 0-3.1-1.4-3.1-3.1v-7l-4.9-4.9c-1.2-1.2-1.2-3.1 0-4.4l4.9-4.9v-7c0-1.7 1.4-3.1 3.1-3.1h7l4.9-4.9C23 .7 25 .7 26.2 1.9l4.9 4.9h7c1.7 0 3.1 1.4 3.1 3.1v7l4.9 4.9c1.2 1.2 1.2 3.2 0 4.4m-2-3.7-4.8-4.8v-6.8c0-1.2-1-2.2-2.2-2.2h-6.8l-4.8-4.8c-.8-.8-2.2-.8-3.1 0l-4.8 4.8h-6.8c-1.2 0-2.2 1-2.2 2.2v6.8l-4.8 4.8c-.8.8-.8 2.2 0 3.1l4.8 4.8v6.8c0 1.2 1 2.2 2.2 2.2h6.8l4.8 4.8c.8.8 2.2.8 3.1 0l4.8-4.8h6.8c1.2 0 2.2-1 2.2-2.2v-6.8l4.8-4.8c.8-.9.8-2.3 0-3.1"/></svg>`
-};
-const logoInstagram = {
-    name: 'logo-instagram',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M14.5 1.2c-2.5.1-4.1.5-5.6 1-1.5.6-2.8 1.4-4.1 2.7S2.8 7.5 2.2 9s-.9 3.1-1.1 5.6S1 17.8 1 24s0 7 .2 9.5c.1 2.4.5 4.1 1.1 5.6s1.4 2.8 2.7 4.1 2.6 2.1 4.1 2.6c1.5.6 3.1 1 5.6 1.1 2.3.1 3.1.1 9.3.1s7 0 9.5-.2 4.1-.5 5.6-1.1 2.8-1.4 4.1-2.7 2.1-2.6 2.6-4.1c.6-1.5 1-3.1 1.1-5.6.1-2.3.1-3.1.1-9.3s0-7-.2-9.5-.5-4.1-1.1-5.6-1.4-2.8-2.7-4.1-2.6-2.1-4.1-2.6c-1.5-.6-3.1-1-5.6-1.1C31 1 30.2 1 24 1c-6.3 0-7.1 0-9.5.2m.2 41.5c-2.2-.1-3.5-.5-4.3-.8-1.1-.4-1.8-.9-2.6-1.7s-1.3-1.6-1.7-2.6c-.3-.8-.7-2-.8-4.3-.1-2.4-.1-3.2-.2-9.3 0-6.1 0-6.9.1-9.3.1-2.2.5-3.5.8-4.3.5-1 1-1.8 1.8-2.6s1.6-1.3 2.6-1.7c.8-.3 2-.7 4.3-.8 2.4-.1 3.2-.1 9.3-.2 6.1 0 6.9 0 9.3.1 2.2.1 3.5.5 4.3.8 1.1.4 1.8.9 2.6 1.7s1.3 1.6 1.7 2.6c.3.8.7 2 .8 4.3.1 2.4.1 3.2.2 9.3s0 6.9-.1 9.3c-.1 2.2-.5 3.5-.8 4.3-.4 1.1-.9 1.8-1.7 2.6s-1.6 1.3-2.6 1.7c-.8.3-2 .7-4.3.8-2.4.1-3.2.1-9.3.2s-6.9 0-9.4-.1m18.8-31c0 1.5 1.2 2.8 2.8 2.8 1.5 0 2.8-1.2 2.8-2.8 0-1.5-1.2-2.8-2.8-2.8s-2.8 1.3-2.8 2.8M12.2 24c0 6.5 5.3 11.8 11.8 11.8S35.8 30.5 35.8 24 30.5 12.2 24 12.2 12.2 17.5 12.2 24m4.1 0c0-4.2 3.4-7.7 7.7-7.7 4.2 0 7.7 3.4 7.7 7.7 0 4.2-3.4 7.7-7.7 7.7-4.2 0-7.7-3.4-7.7-7.7"/></svg>`
-};
-const logoJusanBank = {
-    name: 'logo-jusan-bank',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M36.4.9H11.6C5.7.9 1 5.6 1 11.5v25c0 5.9 4.7 10.6 10.6 10.6h24.8c5.8 0 10.6-4.8 10.6-10.6v-25C47 5.6 42.3.9 36.4.9M22.1 33.2c0 1.5-.8 2.8-2.1 3.4l-5.6 2.8v-8.2c0-1.5.8-2.8 2.1-3.4l5.6-2.8zm11.5-5.8c0 1.5-.8 2.8-2.1 3.5l-5.6 2.8V14.8c0-1.5.8-2.8 2.1-3.4l5.6-2.8z"/></svg>`
-};
-const logoKaspiBank = {
-    name: 'logo-kaspi-bank',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path fill-rule="evenodd" d="M25.1 25.7c4.1.6 4.7 3.1 5 5.3l.1.4v.3l.2 1.3c.4 2.5 1.2 7.8 1.2 10.6 0 .7-.1 1.2-.2 1.5-.2.4-.7.9-1.5 1.2-1.8.4-3.7.7-5.6.7h-.6c-.8-.2-1.4-.6-1.7-1.1-.9-1.5-1-4.9-1-8.9v-1.7c0-4.2-.1-7.9 1.5-9.2.6-.5 1.4-.6 2.6-.4m-9 9.1c.9-.1 1.5 4.3 1.6 7.7.1 2.3-.2 3.3-.6 3.6-.4-.1-.9-.3-1.3-.5q-.45-.75-.6-2.4c-.4-3.3-.1-8.3.9-8.4m22.4 6.6c-.1.3-.1.5-.2.7-.8.6-1.6 1.2-2.4 1.7-.3 0-.5 0-.6-.2-1.1-2-1.5-8.1-.5-8.6 1.4-.7 3.9 5.3 3.7 6.4M24 1c12.5 0 22.7 9.9 23 22.3v.6c0 5.6-2.1 10.7-5.5 14.6-.1-.1-.3-.3-.8-.9-.4-.6-4-6.2-4-12.6 0-1.3 1.8-3.2 3.4-4.9 1.2-1.3 2.3-2.5 2.7-3.5.5-1.2.2-2.1-.4-2.4-.5-.3-1.3-.1-1.9.9-.9 1.6-1.2 1.9-2.6 3-1.3 1.1-3.4 2.2-3.4.8 0-.8 1.2-2.5 1.7-3.7.6-1.2 0-2.1-1.3-2.1-2.4 0-4 3-4 4.1s.5 1.2.5 2.4-2.6 2.8-5.1 2.8c-2.4 0-3.8-.5-4.3-1.8l-.1-.2.1-.3c-.6-1.7-1-3-1.7-4.2-.4-.7-1-1.2-1.5-1.6-.7-.5-1-1-1.1-1.4s-.1-1 1.1-2.6c1.2-1.5 1.3-2.7.7-3.3-.2-.2-.6-.4-1-.4-.8 0-1.9.4-3.1 1.6-1.8 1.8-.8 3.6-.8 4.4s-.3 1.2-1.4 2.3-1.5 2-1.6 5.6c0 1.9-.4 2.9-.7 3.9-.3.8-.5 1.6-.5 2.8 0 1.3.2 2.1.4 3s.5 1.9.7 3.5c.3 2.6.2 4.7-.3 7l-.2.4v.2c-.1.4-.2.9-.4 1C4.8 38.2 1 31.4 1 23.8 1 11.2 11.3 1 24 1" clip-rule="evenodd"/></svg>`
-};
-const logoNpm = {
-    name: 'logo-npm',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M21.34 20.35H24v5.35h-2.66zM0 15v16.07h13.33v2.68H24v-2.68h24V15zm13.33 13.4h-2.66v-8.03H8v8.03H2.66V17.68h10.67zm13.33 0h-5.33v2.68H16v-13.4h10.67V28.4Zm18.67 0h-2.66v-8.03h-2.66v8.03h-2.66v-8.03h-2.66v8.03h-5.33V17.68h16V28.4h-.02Z"/></svg>`
-};
-const logoOtbasyBank = {
-    name: 'logo-otbasy-bank',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M12.3 19.9c6.4-4.2 12.5-6.8 16.3-7.2.3 0 .6-.1.9-.1s.6 0 .9.1c3.8.4 9.9 3 16.3 7.2.4.2.7.5 1.1.7V0H.2v30.1c2.6-3.1 6.9-6.8 12.1-10.2m17.2-5.8c-3.7.7-9.7 3.9-15.8 8.6C6.6 28.2 1.3 34.3.2 38v10h47.6V24.7c-.8-.7-1.6-1.4-2.5-2-6.1-4.8-12-7.9-15.8-8.6"/></svg>`
-};
-const logoOversecured = {
-    name: 'logo-oversecured',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="wr-icon__svg"><path d="M114.67.34C50.24 7.01 0 61.47 0 127.66c0 70.69 57.31 128 128 128s128-57.31 128-128C256 61.47 205.76 7.01 141.33.34v27.42c49.35 6.52 87.43 48.76 87.43 99.89 0 55.65-45.11 100.77-100.77 100.77-55.65 0-100.77-45.11-100.77-100.77 0-51.13 38.08-93.37 87.43-99.89V.34z"/><path d="M61.21 182.13c25.94 32.13 72.12 41.5 109 20.2 40.81-23.56 54.8-75.75 31.23-116.57S125.7 30.97 84.88 54.53c-36.89 21.3-51.86 65.97-37 104.5l24.28-14.02c-7.54-25.09 2.81-52.98 26.49-66.64 27.65-15.96 63-6.49 78.96 21.16s6.49 63-21.16 78.97c-23.67 13.67-53 8.69-70.96-10.38z"/><path d="M113.76 87.43c-16.56 5.86-28.43 21.66-28.43 40.23 0 23.56 19.1 42.67 42.67 42.67 23.56 0 42.67-19.1 42.67-42.67 0-18.57-11.86-34.37-28.43-40.23v40.23h-.02c0 7.85-6.37 14.22-14.22 14.22s-14.22-6.37-14.22-14.22h-.02z"/></svg>`
-};
-const logoRustore = {
-    name: 'logo-rustore',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M119 9c-9-9-23.5-9-52.4-9h-5.1C32.5 0 18 0 9 9S0 32.5 0 61.4v5.1c0 29 0 43.4 9 52.4s23.5 9 52.4 9h5.1c29 0 43.4 0 52.4-9s9-23.5 9-52.4v-5.1C128 32.5 128 18 119 9m-12.5 70.1c0 4-3.8 7-7.7 6L90.2 83c-1.1-.3-1.9-1.2-1.9-2.3l-1.1-31.8c-.3-4.2-3.4-7.6-6.7-8.6-.2-.1-.4 0-.5.2s-.1.4.1.5c.8.6 3 2.7 3 6.2v41.6c0 4-3.8 7-7.7 6l-8.6-2.2c-1.1-.3-1.8-1.2-1.8-2.3l-1.1-31.8c-.3-4.2-3.4-7.6-6.7-8.6-.2-.1-.4 0-.5.2s-.1.4.1.5c.8.6 3 2.7 3 6.2v41.6c0 4-3.8 7-7.7 6l-24.8-6.2c-3.4-.9-5.9-3.9-5.9-7.5V48.9c0-4 3.8-7 7.7-6l15.6 3.9v-7.5c0-4 3.8-7 7.7-6L68 37.2v-7.5c0-4 3.8-7 7.7-6l24.8 6.2c3.4.9 5.9 3.9 5.9 7.5v41.7z"/></svg>`
-};
-const logoStingray = {
-    name: 'logo-stingray',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" class="header-logo-mark wr-icon__svg" viewBox="0 0 700 700"><path d="M335.5 10c-39.2 33-81.9 74.8-113.6 111-4.5 5.2-8.5 9.7-8.8 10-.4.3-4.1 4.7-8.4 9.8l-7.8 9.4 4.3 4.6c6 6.5 16.4 20 23.5 30.7 34.8 51.9 62 119.5 82.9 205.5 1 4.3 7.5 32.8 7.8 34.5.2 1.1.7 3.1 1 4.5s.8 3.7 1.1 5.2c.3 1.6.7 4 1 5.5.8 3.7 4.6 24.3 5 26.8 1.3 7.2 3.5 20.6 4 24 .4 2.2.8 4.7 1 5.5s.7 3.7 1 6.5c.4 2.7.8 5.7 1 6.5s.7 4 1 7 .8 6.6 1 8 .7 4.5 1 7 1 7.6 1.5 11.5c1 7.3 1.7 13.9 2.5 21.5.2 2.5.7 6.7 1 9.5.5 5.1 1.2 11.6 2 19.5.3 2.5.7 6.5.9 9 .3 2.5.8 8.5 1.1 13.5.3 4.9.8 11.2 1 14 1.2 14.8 2.2 32.6 3 53 .6 13.4 1.3 16.5 4 16.5s3.3-3.1 4-19.5c1-25.5 2.3-46.6 4-65 .3-2.8.7-8.2 1-12 .5-7.6 1.3-16 2-21.5.2-1.9.7-6.2 1-9.5.8-8.1 1.5-14.3 2-18.5.3-1.9.7-5.8 1-8.5.3-2.8.8-6.1 1-7.5s.6-4.5 1-7c.5-4.5 1.3-10.3 2-15 .2-1.4 1.1-7.5 2-13.5.9-6.1 2.2-14.6 3-19s1.7-10 2-12.5c.4-2.4.8-4.7 1-5s.6-2.3.9-4.5c.4-2.2 1.6-9 2.7-15 1.2-6.1 2.3-11.9 2.5-13 .4-2.3 1.2-6.1 1.9-9 1.2-5.3 3.5-15.5 3.9-17.6 1.1-6.1 9.2-37.7 13.7-53.7 7.8-27.4 22.3-70.2 25.9-76.4.5-1 1-2.2 1-2.8 0-.5 1.1-3.3 2.4-6.2s3.6-8.2 5.1-11.8c14.7-34.3 38.3-73.4 58.8-97.3l7.6-8.8-2.3-2.7c-1.3-1.5-5.6-6.5-9.6-11.2-8.4-9.8-17.6-20.1-27.5-30.9C454.3 94 414 54 402.5 43.5c-5.4-5-10.3-9.5-10.9-10-2.4-2.2-26.4-23.3-31.8-27.8-9.2-7.8-10.1-7.6-24.3 4.3"/><path d="M165.7 189.6c-24.7 33.2-43.2 60.6-61.2 90.4-8.6 14.1-18.9 32-24 41.5-2.7 4.9-5.7 10.6-6.8 12.5-10.5 18.9-31.6 63.8-43.7 93S3.5 496 5 496c.8 0 18.7-5.1 33.5-9.5 4.4-1.3 14.8-4.4 23-6.8 8.3-2.4 18.4-5.4 22.5-6.6 4.1-1.3 14.9-4.4 24-7.1s23.5-6.9 32-9.4c8.5-2.6 20.9-6.2 27.5-8.1s13.4-3.9 15-4.5c1.7-.5 11.6-3.4 22-6.5 20.6-6 24.1-7.1 47.5-14.1 8.5-2.5 17.1-5.1 19.1-5.6 3.6-1 3.6-1.1 2.8-4.6-.4-2.1-1.1-5.3-1.4-7.2s-1.1-5.5-1.6-8c-.6-2.5-1.3-5.6-1.5-7-1.7-8.8-9.5-37.1-14.1-51-3.4-10.4-9.2-27.1-10.3-29.5-.4-1.1-3.9-9.2-7.6-18-8.8-21-22.5-48.5-30.1-60.7-1.3-2.1-2.3-3.9-2.3-4.1 0-1.5-30.5-48.9-31.3-48.7-.1.1-3.7 4.8-8 10.6m352.1 2.1c-32.4 48.8-54.7 94.5-72.4 147.9-8.7 26.4-20.1 71.6-19.2 76.1.2 1.1 3.9 2.6 12.3 5 6.6 1.9 14 4.1 16.5 4.8 2.5.8 8.3 2.5 13 3.8 4.7 1.4 16.8 5 27 8s19.4 5.7 20.5 6 8.8 2.5 17 5c8.3 2.5 20.4 6.1 27 8.1 6.6 1.9 30.5 8.9 53 15.6 22.6 6.7 42.4 12.5 44 13 5.8 1.5 34.5 10 37 11 1.4.5 2.5.8 2.5.7 0-2.5-22.1-61.2-27.5-73.2-.8-1.7-2.6-5.9-4-9.5-10.5-25.5-43.8-92.8-52.5-106-.6-.8-1.3-2.2-1.7-3s-2.2-3.8-4-6.7-3.3-5.4-3.3-5.7c0-.8-15-25.1-25.1-40.6-12.7-19.6-25.1-37.3-39.2-56.3l-12.4-16.8z"/></svg>`
-};
-const logoTelegram = {
-    name: 'logo-telegram',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path fill-rule="evenodd" d="M24 1C11.3 1 1 11.3 1 24s10.3 23 23 23 23-10.3 23-23S36.7 1 24 1m10.7 15.6c-.3 3.6-1.8 12.5-2.6 16.5-.3 1.7-1 2.3-1.6 2.4-1.3.1-2.3-.9-3.6-1.7-2-1.3-3.2-2.2-5.1-3.4-2.3-1.5-.8-2.3.5-3.7.3-.4 6.2-5.7 6.3-6.2 0-.1 0-.3-.1-.4s-.3-.1-.5 0c-.2 0-3.4 2.2-9.7 6.4-.9.6-1.7.9-2.5.9s-2.4-.5-3.6-.8c-1.4-.5-2.6-.7-2.5-1.5.1-.4.6-.8 1.7-1.3 6.7-2.9 11.2-4.8 13.4-5.8 6.4-2.7 7.7-3.1 8.6-3.1.2 0 .6 0 .9.3q.3.3.3.6c.1.1.1.5.1.8" clip-rule="evenodd"/></svg>`
-};
-const logoVk = {
-    name: 'logo-vk',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M43.8 4.3C40.5 1 35.3 1 24.9 1h-1.8C12.7 1 7.5 1 4.2 4.2 1 7.5 1 12.7 1 23.1v1.8c0 10.4 0 15.6 3.2 18.8C7.5 47 12.7 47 23.1 47h1.8c10.4 0 15.6 0 18.8-3.2C47 40.5 47 35.3 47 24.9v-1.8c0-10.4 0-15.6-3.2-18.8M34 34.1c-1.1-3.6-4-6.4-7.9-6.8v6.8h-.6C15 34.1 9 27 8.8 15H14c.2 8.8 4 12.5 7.1 13.3V15H26v7.6c3-.4 6.2-3.8 7.3-7.6h4.9c-.8 4.6-4.2 8.1-6.7 9.5 2.5 1.1 6.4 4.2 7.9 9.6z"/></svg>`
-};
-const logoWhatsapp = {
-    name: 'logo-whatsapp',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M40.3 7.6C36 3.3 30.2.9 24.1.9 11.5.9 1.2 11.2 1.2 23.8c0 4 1.1 8 3.1 11.5L1 47.1l12.1-3.2c3.3 1.8 7.1 2.8 10.9 2.8 12.7 0 23-10.3 23-22.9 0-6.1-2.4-11.9-6.7-16.2M24.1 42.8c-3.4 0-6.8-.9-9.7-2.7l-.7-.4-7.2 1.9 1.9-7-.4-.7c-1.9-3-2.9-6.5-2.9-10.1 0-10.5 8.5-19 19-19 5.1 0 9.9 2 13.5 5.6s5.6 8.4 5.6 13.5c-.1 10.4-8.6 18.9-19.1 18.9m10.4-14.2c-.6-.3-3.4-1.7-3.9-1.9s-.9-.3-1.3.3-1.5 1.9-1.8 2.2c-.3.4-.7.4-1.2.1-.6-.3-2.4-.9-4.6-2.8-1.7-1.5-2.8-3.4-3.2-4-.3-.6 0-.9.3-1.2s.6-.7.9-1 .4-.6.6-1 .1-.7 0-1-1.3-3.1-1.8-4.2-.9-1-1.3-1h-1.1c-.4 0-1 .1-1.5.7s-2 2-2 4.8 2.1 5.5 2.3 5.9c.3.4 4 6.2 9.8 8.6 1.4.6 2.4.9 3.3 1.2 1.4.4 2.6.4 3.6.2 1.1-.2 3.4-1.4 3.9-2.7s.5-2.5.3-2.7c-.3-.1-.7-.2-1.3-.5"/></svg>`
-};
-const logoYandexCloud = {
-    name: 'logo-yandex-cloud',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M24 1C11.3 1 1 11.3 1 24s10.3 23 23 23 23-10.3 23-23S36.7 1 24 1m-9.2 39.5C9 37.3 5.1 31.1 5.1 24 5.1 13.5 13.5 5.1 24 5.1c2.7 0 4.8 1 5.8 2.2 1.1 1.2 1.4 3.3 1 6.2l-6.1 1.2c-5.6 1-8.6 4.1-9.7 9.7-.1.8-.3 1.6-.4 2.3-.1.3-.1.6-.2.9-.1.8-.3 1.5-.4 2.2-.2 1-.4 1.9-.5 2.6-.6 3.6-.1 6.2 1.3 8.1M30 17.8c-.1.8-.3 1.7-.3 2.5-.2.8-.3 1.7-.5 2.5-.8 3.9-2.7 5.7-6.6 6.5l-4.6.9.3-1.8c0-.2.1-.5.1-.7.2-.8.3-1.6.5-2.5.7-3.9 2.6-5.7 6.5-6.5zm-6 25.1c-2.7 0-4.8-1-5.8-2.3-1-1.2-1.3-3.3-1-6.2l6.1-1.2c5.6-1 8.6-4.1 9.7-9.7.1-.8.3-1.6.4-2.3.1-.3.1-.6.2-.9.2-.9.3-1.8.5-2.5.2-.8.3-1.6.4-2.2.6-3.6.1-6.3-1.3-8.1 5.8 3.2 9.7 9.4 9.7 16.5 0 10.5-8.5 18.9-18.9 18.9"/></svg>`
-};
-const logoYandexTracker = {
-    name: 'logo-yandex-tracker',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M17.7 46V33.4h12.6V46zm0-15.7V17.7h12.6v12.6zM2 14.6V2h12.6v12.6zm15.7 0V2h12.6v12.6zm15.7 0V2H46v12.6z"/></svg>`
-};
-const modules = {
-    name: 'modules',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 15" class="wr-icon__svg"><path fill-rule="evenodd" d="M8.781.974h-7.25C.868.974.324 1.512.324 2.169v8.362h1.209V2.169h7.25zm1.81 2.39H3.946c-.665 0-1.209.537-1.209 1.194v8.363c0 .657.544 1.194 1.209 1.194h6.645c.665 0 1.208-.537 1.208-1.194V4.558c0-.657-.543-1.194-1.208-1.194m-6.647 9.558h6.646V4.56H3.944z" clip-rule="evenodd"/></svg>`
-};
-const moon = {
-    name: 'moon',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M116.5 107.3C104.2 120.1 86.9 128 67.8 128 31.1 128 .7 98.3 0 61.6-.5 35.4 13.9 12.4 35.4.7c4.6-2.5 9.8 1.9 8.1 6.8-2.7 7.6-4 15.7-3.8 24.2.8 35 28.7 63.9 63.6 66 3 .2 5.9.2 8.8 0 5.1-.3 8.1 5.9 4.4 9.6m8.9-80.3-13.7-6.1-6.1-13.7c-1.5-3.4-6.4-3.4-7.9 0l-6.1 13.7L78 27c-3.4 1.5-3.4 6.4 0 7.9L91.7 41l6.1 13.7c1.5 3.4 6.4 3.4 7.9 0l6.1-13.7 13.7-6.1c3.4-1.5 3.4-6.4-.1-7.9"/></svg>`
-};
-const playBack = {
-    name: 'play-back',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="m30.71 229.47 188.87-113a30.54 30.54 0 0 1 31.09-.39 33.74 33.74 0 0 1 16.76 29.47v79.05l180.72-108.16a30.54 30.54 0 0 1 31.09-.39A33.74 33.74 0 0 1 496 145.52v221A33.73 33.73 0 0 1 479.24 396a30.54 30.54 0 0 1-31.09-.39L267.43 287.4v79.08A33.73 33.73 0 0 1 250.67 396a30.54 30.54 0 0 1-31.09-.39l-188.87-113a31.27 31.27 0 0 1 0-53z"/></svg>`
-};
-const playCircle = {
-    name: 'play-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m74.77 217.3-114.45 69.14a10.78 10.78 0 0 1-16.32-9.31V186.87a10.78 10.78 0 0 1 16.32-9.31l114.45 69.14a10.89 10.89 0 0 1 0 18.6"/></svg>`
-};
-const playForward = {
-    name: 'play-forward',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="m481.29 229.47-188.87-113a30.54 30.54 0 0 0-31.09-.39 33.74 33.74 0 0 0-16.76 29.47v79.05L63.85 116.44a30.54 30.54 0 0 0-31.09-.39A33.74 33.74 0 0 0 16 145.52v221A33.74 33.74 0 0 0 32.76 396a30.54 30.54 0 0 0 31.09-.39L244.57 287.4v79.08A33.74 33.74 0 0 0 261.33 396a30.54 30.54 0 0 0 31.09-.39l188.87-113a31.27 31.27 0 0 0 0-53z"/></svg>`
-};
-const play = {
-    name: 'play',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13" class="wr-icon__svg"><path fill-rule="evenodd" d="M6.292.571C2.958.571.251 3.247.251 6.544c0 3.298 2.707 5.974 6.041 5.974s6.042-2.676 6.042-5.974S9.627.571 6.292.571m0 10.752c-2.665 0-4.834-2.144-4.834-4.778 0-2.635 2.169-4.779 4.833-4.779s4.833 2.144 4.833 4.779-2.169 4.778-4.833 4.778m2.416-4.778L5.083 9.233V3.857z" clip-rule="evenodd"/></svg>`
-};
-const plusCircle = {
-    name: 'plus-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0m36.5 68.3c0 1.3-1 2.3-2.3 2.3H70.5v27.7c0 1.3-1 2.3-2.3 2.3h-8.5c-1.3 0-2.3-1-2.3-2.3V70.5H29.7c-1.3 0-2.3-1-2.3-2.3v-8.5c0-1.3 1-2.3 2.3-2.3h27.7V29.7c0-1.3 1-2.3 2.3-2.3h8.5c1.3 0 2.3 1 2.3 2.3v27.7h27.7c1.3 0 2.3 1 2.3 2.3z"/></svg>`
-};
-const reader = {
-    name: 'reader',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><rect width="320" height="416" x="96" y="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" rx="48" ry="48"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M176 128h160m-160 80h160m-160 80h80"/></svg>`
-};
-const repeat = {
-    name: 'repeat',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M112 55.9c-3.6 0-6.5 2.9-6.5 6.5v7.9c0 5.3-4.3 9.6-9.6 9.6H51.7l3.9-3.9c2.5-2.5 2.5-6.7 0-9.2s-6.7-2.5-9.2 0l-13 13c-3.6 3.6-3.6 9.6 0 13.2l13 13c1.3 1.3 2.9 1.9 4.6 1.9s3.3-.6 4.6-1.9c2.5-2.5 2.5-6.7 0-9.2L51.7 93h44.1c12.5 0 22.6-10.2 22.6-22.6v-7.9c.1-3.6-2.8-6.6-6.4-6.6"/><path d="m76.3 48-3.9 3.9c-2.5 2.5-2.5 6.7 0 9.2 1.3 1.3 2.9 1.9 4.6 1.9s3.3-.6 4.6-1.9l13-13c1.8-1.8 2.7-4.1 2.7-6.6s-1-4.9-2.7-6.6l-13-13c-2.5-2.5-6.7-2.5-9.2 0s-2.5 6.7 0 9.2l3.9 3.9H32.1C19.7 35 9.5 45.2 9.5 57.6v7.9c0 3.6 2.9 6.5 6.5 6.5s6.5-2.9 6.5-6.5v-7.9c0-5.3 4.3-9.6 9.6-9.6z"/></svg>`
-};
-const search = {
-    name: 'search',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="m123.5 100.9-21.1-21.1c3.8-7.7 6.4-16.6 6.4-25.5 0-30-24.3-54.3-54.3-54.3S.2 24.3.2 54.3s24.3 54.3 54.3 54.3c8.9 0 17.9-2.6 25.5-6.4l21.1 21.1c6.4 6.4 16 6.4 22.3 0 5.8-6.5 5.8-16 .1-22.4m-69-5.1c-23 0-41.5-18.5-41.5-41.5s18.5-41.5 41.5-41.5S96 31.3 96 54.3 77.5 95.8 54.5 95.8"/></svg>`
-};
-const shieldCheckmarkOutline = {
-    name: 'shield-checkmark-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M91.5 44.5c2.4 2.4 2.4 6.3 0 8.6L68 76.6l-8.6 8.6-8.6-8.6-14.3-14.1c-2.4-2.4-2.4-6.3 0-8.6 2.4-2.4 6.3-2.4 8.6 0L59.3 68l23.5-23.5c2.4-2.4 6.3-2.4 8.7 0"/><path d="M63.8 10.7c.2 0 .5.1.6.1L112 30.7c.9.4 1.1 1 1.1 1.2 0 30.8-11.9 51.9-21.9 64.2-12.2 15-24.4 20.7-27.5 21.1-3.1-.5-15.2-6.3-27.2-21C26.7 84 14.8 62.9 14.8 31.9c0-.5.3-1 .8-1.2l47.5-19.9c.2 0 .5 0 .7-.1m0-10.7c-1.3 0-3.4.4-4.6.9l-47.7 20c-4.5 1.8-7.4 6.2-7.4 11 0 64.4 47.1 96.1 59.7 96.1 13.5 0 60.1-32.6 60.1-96.1 0-4.6-2.9-9-7.6-11.1L68.4.8C67.2.4 65.1 0 63.8 0"/></svg>`
-};
-const shieldCheckmark = {
-    name: 'shield-checkmark',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M116.3 20.8 68.4.8C67.2.4 65.1 0 63.8 0s-3.4.4-4.6.9l-47.7 20c-4.5 1.8-7.4 6.2-7.4 11 0 64.4 47.1 96.1 59.7 96.1 13.5 0 60.1-32.6 60.1-96.1 0-4.6-2.9-9-7.6-11.1M91.5 53.1 68 76.6l-8.6 8.6-8.6-8.6-14.3-14.1c-2.4-2.4-2.4-6.3 0-8.6 2.4-2.4 6.3-2.4 8.6 0L59.3 68l23.5-23.5c2.4-2.4 6.3-2.4 8.6 0 2.4 2.4 2.4 6.3.1 8.6"/></svg>`
-};
-const shieldOutline = {
-    name: 'shield-outline',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M63.8 10.7c.2 0 .5.1.6.1L112 30.7c.9.4 1.1 1 1.1 1.2 0 30.8-11.9 51.9-21.9 64.2-12.2 15-24.4 20.7-27.5 21.1-3.1-.5-15.2-6.3-27.2-21C26.7 84 14.8 62.9 14.8 31.9c0-.5.3-1 .8-1.2l47.5-19.9c.2 0 .5 0 .7-.1m0-10.7c-1.3 0-3.4.4-4.6.9l-47.7 20c-4.5 1.8-7.4 6.2-7.4 11 0 64.4 47.1 96.1 59.7 96.1 13.5 0 60.1-32.6 60.1-96.1 0-4.6-2.9-9-7.6-11.1L68.4.8C67.2.4 65.1 0 63.8 0"/></svg>`
-};
-const shield = {
-    name: 'shield',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M123.9 31.9c0 63.4-46.6 96.1-60.1 96.1-12.6 0-59.7-31.6-59.7-96.1 0-4.8 2.9-9.2 7.4-11.1L59.2.8c1.2-.4 3.3-.8 4.6-.8s3.4.4 4.6.9l47.9 20c4.7 2.1 7.6 6.4 7.6 11"/></svg>`
-};
-const shuffle = {
-    name: 'shuffle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M107.5 27.5 94.3 14.3c-1.6-1.6-3.8-2.6-6.2-2.6s-4.5.9-6.2 2.6L68.8 27.5c-2.5 2.5-2.5 6.6 0 9.1s6.6 2.5 9.1 0l3.9-3.9v4.9c0 5.2-2.5 10-6.7 13L45.6 71.1C38 76.5 33.4 85.3 33.4 94.6v15.3c0 3.5 2.9 6.4 6.4 6.4s6.4-2.9 6.4-6.4V94.6c0-5.2 2.5-10 6.7-13l11-7.8 11 7.8c4.2 3 6.7 7.8 6.7 13v15.3c0 3.5 2.9 6.4 6.4 6.4s6.4-2.9 6.4-6.4V94.6c0-9.3-4.6-18.1-12.2-23.5L75.1 66l7.3-5.1c7.6-5.4 12.2-14.1 12.2-23.5v-4.9l3.9 3.9c1.2 1.2 2.9 1.9 4.5 1.9s3.3-.6 4.5-1.9c2.5-2.4 2.5-6.4 0-8.9"/><path d="M33.4 37.5c0 7.7 3.2 15.2 8.7 20.6 1.2 1.2 2.9 1.8 4.5 1.8 1.7 0 3.3-.6 4.6-1.9 2.5-2.5 2.4-6.6-.1-9.1-3.1-3-4.8-7.1-4.8-11.4v-4.9l3.9 3.9c1.2 1.2 2.9 1.9 4.5 1.9s3.3-.6 4.5-1.9c2.5-2.5 2.5-6.6 0-9.1L46 14.3c-1.6-1.6-3.8-2.6-6.2-2.6-2.3 0-4.5.9-6.2 2.6L20.5 27.5c-2.5 2.5-2.5 6.5 0 9s6.6 2.5 9.1 0l3.9-3.9v4.9z"/></svg>`
-};
-const stopCircle = {
-    name: 'stop-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m80 262.4a25.62 25.62 0 0 1-25.6 25.6H201.6a25.62 25.62 0 0 1-25.6-25.6V201.6a25.62 25.62 0 0 1 25.6-25.6h108.8a25.62 25.62 0 0 1 25.6 25.6z"/></svg>`
-};
-const stop = {
-    name: 'stop',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path d="M392 432H120a40 40 0 0 1-40-40V120a40 40 0 0 1 40-40h272a40 40 0 0 1 40 40v272a40 40 0 0 1-40 40"/></svg>`
-};
-const sun = {
-    name: 'sun',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M37.3 90.7c2.5 2.5 2.5 6.6 0 9.1l-12.9 12.9c-2.5 2.5-6.6 2.5-9.1 0s-2.5-6.6 0-9.1l12.9-12.9c2.6-2.5 6.6-2.5 9.1 0m-9-53.4c2.5 2.5 6.6 2.5 9.1 0s2.5-6.6 0-9.1L24.5 15.4c-2.5-2.5-6.6-2.5-9.1 0s-2.5 6.6 0 9.1zm71.4 53.4c-2.5-2.5-6.6-2.5-9.1 0s-2.5 6.6 0 9.1l12.9 12.9c2.5 2.5 6.6 2.5 9.1 0s2.5-6.6 0-9.1zM64 38.9c-13.9 0-25.1 11.3-25.1 25.1 0 13.9 11.3 25.1 25.1 25.1S89.1 77.9 89.1 64 77.9 38.9 64 38.9m0-12.6c3.5 0 6.4-2.9 6.4-6.4V6.4C70.4 2.9 67.5 0 64 0s-6.4 2.9-6.4 6.4v13.5c0 3.5 2.9 6.4 6.4 6.4m0 75.4c-3.5 0-6.4 2.9-6.4 6.4v13.5c0 3.5 2.9 6.4 6.4 6.4s6.4-2.9 6.4-6.4v-13.5c0-3.5-2.9-6.4-6.4-6.4M26.3 64c0-3.5-2.9-6.4-6.4-6.4H6.4C2.9 57.6 0 60.5 0 64s2.9 6.4 6.4 6.4h13.5c3.5 0 6.4-2.9 6.4-6.4m95.3-6.4h-13.5c-3.5 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4h13.5c3.5 0 6.4-2.9 6.4-6.4s-2.9-6.4-6.4-6.4M99.7 37.3l12.9-12.9c2.5-2.5 2.5-6.6 0-9.1s-6.6-2.5-9.1 0l-12.8 13c-2.5 2.5-2.5 6.6 0 9.1 2.5 2.4 6.5 2.4 9-.1"/></svg>`
-};
-const terminal = {
-    name: 'terminal',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M110.9 4.3H17.1C7.6 4.3 0 11.9 0 21.3v85.3c0 9.4 7.6 17.1 17.1 17.1H111c9.4 0 17.1-7.6 17.1-17.1V21.3c-.1-9.4-7.7-17-17.2-17M20.5 65.2c-1.7-1.6-1.8-4.3-.1-6l13.7-13.7-13.6-13.8c-1.6-1.6-1.8-4.3-.2-6s4.3-1.8 6-.1l16.6 16.5c1.8 1.8 1.8 4.6 0 6.4L26.4 65c-1.6 1.7-4.3 1.8-5.9.2m43.4 1.1h-18c-2.3 0-4.2-1.9-4.2-4.2s1.9-4.2 4.2-4.2h17.9c2.1 0 4.1 1.5 4.3 3.7.3 2.5-1.6 4.7-4.2 4.7"/></svg>`
-};
-const time = {
-    name: 'time',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="wr-icon__svg"><path d="M24 8c8.82 0 16 7.18 16 16s-7.18 16-16 16S8 32.82 8 24 15.18 8 24 8m0-4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 15v10.5l6 1.5"/></svg>`
-};
-const trash = {
-    name: 'trash',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="wr-icon__svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m112 112 20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320"/><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M192 112V72h0a23.93 23.93 0 0 1 24-24h80a23.93 23.93 0 0 1 24 24h0v40m-64 64v224m-72-224 8 224m136-224-8 224"/></svg>`
-};
-const userAdd = {
-    name: 'user-add',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><circle cx="71.4" cy="28.3" r="28.3" transform="rotate(-67.5 71.399 28.3)"/><path d="M71.4 68.5c-46.7 0-56.6 14.8-56.6 29.7S32.7 128 71.4 128 128 113.2 128 98.3s-9.9-29.8-56.6-29.8M17.2 66.9c0 2.7 2.2 4.9 4.9 4.9s4.9-2.2 4.9-4.9V56.5h10.5c2.7 0 4.9-2.2 4.9-4.9s-2.2-4.9-4.9-4.9H26.9V36.3c0-2.7-2.2-4.9-4.9-4.9s-4.9 2.2-4.9 4.9v10.5H6.7c-2.7 0-4.9 2.2-4.9 4.9s2.2 4.9 4.9 4.9h10.5z"/></svg>`
-};
-const userCircle = {
-    name: 'user-circle',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0C28.6 0 0 28.6 0 64s28.6 64 64 64 64-28.6 64-64S99.4 0 64 0m0 20c10.4 0 19 8.6 19 19s-8.6 19-19 19-19-8.6-19-19 8.6-19 19-19m0 86c-26 0-38-10-38-20s6.6-20 38-20 38 10 38 20-12 20-38 20"/></svg>`
-};
-const userRemove = {
-    name: 'user-remove',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M71.4 0c15.5 0 28.3 12.8 28.3 28.3S86.9 56.6 71.4 56.6 43.1 43.8 43.1 28.3 55.9 0 71.4 0m0 128c-38.7 0-56.6-14.9-56.6-29.8s9.9-29.7 56.6-29.7S128 83.4 128 98.3 110.1 128 71.4 128M1.9 56.5c0-2.7 2.2-4.9 4.9-4.9h30.6c2.7 0 4.9 2.2 4.9 4.9s-2.2 4.9-4.9 4.9H6.7c-2.7-.1-4.8-2.2-4.8-4.9"/></svg>`
-};
-const user = {
-    name: 'user',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="M64 0c15.5 0 28.3 12.8 28.3 28.3S79.5 56.6 64 56.6 35.7 43.8 35.7 28.3 48.5 0 64 0m0 128c-38.7 0-56.6-14.9-56.6-29.8S17.3 68.5 64 68.5s56.6 14.9 56.6 29.8S102.7 128 64 128"/></svg>`
-};
-const warning = {
-    name: 'warning',
-    data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128" class="wr-icon__svg"><path d="m125.2 90.9-43-74.7c-8.1-14-28.3-14-36.3 0l-43 74.7c-8 14 2 31.4 18.2 31.4h86c16 0 26.1-17.4 18.1-31.4M64 35.9c3.8 0 6.8 3.1 6.7 6.9l-.8 32c-.1 3.1-2.7 5.7-5.9 5.7s-5.8-2.5-5.9-5.7l-.9-32c0-3.7 3-6.9 6.8-6.9m0 65.3c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5 7.5 3.4 7.5 7.5c0 4.2-3.4 7.5-7.5 7.5"/></svg>`
-};
-const wrIconSet = [
-    addCircleOutline,
-    addCircle,
-    add,
-    alertCircleOutline,
-    alertCircle,
-    alertSquircle,
-    alert,
-    arrowBackCircle,
-    arrowBack,
-    arrowBottomCircle,
-    arrowBottom,
-    arrowForwardCircle,
-    arrowForward,
-    arrowTopCircle,
-    arrowTop,
-    bugOutline,
-    bug,
-    caretBackCircle,
-    caretBack,
-    caretForwardCircle,
-    caretForward,
-    checkmarkCircleOutline,
-    checkmarkCircle,
-    checkmark,
-    chevronDown,
-    chevronUp,
-    closeCircleOutline,
-    closeCircle,
-    close,
-    cog,
-    copyOutline,
-    copy,
-    discover,
-    document,
-    dotsHorizontal,
-    dotsVertical,
-    download,
-    externalOutline,
-    eyeOff,
-    eye,
-    fileAab,
-    fileApk,
-    fileApks,
-    fileIpa,
-    fileZip,
-    filterOutline,
-    filter,
-    flash,
-    folder,
-    help,
-    home,
-    infoCircleOutline,
-    lockOpened,
-    lock,
-    logoAndroid,
-    logoAngular,
-    logoAppCenter,
-    logoAppGallery,
-    logoApple,
-    logoAppscreener,
-    logoAppstore,
-    logoBankCenterCredit,
-    logoChrome,
-    logoDiscord,
-    logoFirebase,
-    logoForteBank,
-    logoGithub,
-    logoGitlab,
-    logoGooglePlay,
-    logoHalykBank,
-    logoInstagram,
-    logoJusanBank,
-    logoKaspiBank,
-    logoNpm,
-    logoOtbasyBank,
-    logoOversecured,
-    logoRustore,
-    logoStingray,
-    logoTelegram,
-    logoVk,
-    logoWhatsapp,
-    logoYandexCloud,
-    logoYandexTracker,
-    modules,
-    moon,
-    playBack,
-    playCircle,
-    playForward,
-    play,
-    plusCircle,
-    reader,
-    repeat,
-    search,
-    shieldCheckmarkOutline,
-    shieldCheckmark,
-    shieldOutline,
-    shield,
-    shuffle,
-    stopCircle,
-    stop,
-    sun,
-    terminal,
-    time,
-    trash,
-    userAdd,
-    userCircle,
-    userRemove,
-    user,
-    warning
-];
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+const VIEW_BOX_RE = /<svg\b[^>]*\bviewBox\s*=/i;
+const SVG_ROOT_RE = /<svg\b/i;
+/**
+ * Dev-mode sanity check for a registered icon.
+ *
+ * Warns about issues that prevent correct rendering — most importantly,
+ * a missing `viewBox`, which causes the SVG not to scale to the icon
+ * host's size.
+ *
+ * Production builds drop the call entirely via `isDevMode()` tree-shaking.
+ *
+ * @internal
+ */
+function validateIcon(icon) {
+    if (!SVG_ROOT_RE.test(icon.data)) {
+        // eslint-disable-next-line no-console -- dev-mode validation
+        console.warn(`[NGWR] Icon "${icon.name}" data does not contain an <svg> root element. ` +
+            `Custom icons must be valid SVG markup.`);
+        return;
+    }
+    if (!VIEW_BOX_RE.test(icon.data)) {
+        // eslint-disable-next-line no-console -- dev-mode validation
+        console.warn(`[NGWR] Icon "${icon.name}" has no viewBox attribute — it won't scale ` +
+            `to the host size. Add viewBox="0 0 W H" to the <svg> root.`);
+    }
+}
 
 /**
  * @license
@@ -677,14 +147,50 @@ const wrIconSet = [
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
+/**
+ * Registers a set of icons for use by `<wr-icon>`.
+ *
+ * Can be called multiple times — each call adds to the registry.
+ * Works at both the application root and at the component level,
+ * so a feature module or a single component can bring its own icons
+ * without polluting the global config.
+ *
+ * In dev mode, each icon is validated for common issues (missing
+ * `viewBox`, malformed root). Validation is dropped from production
+ * builds via `isDevMode()` tree-shaking.
+ *
+ * @example
+ * ```ts
+ * // App-level registration
+ * import { home, user, cog, provideWrIcons } from 'ngwr/icon';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideWrIcons([home, user, cog]),
+ *   ],
+ * };
+ * ```
+ *
+ * @example
+ * ```ts
+ * // Component-level registration
+ * import { logoGithub, logoNpm, provideWrIcons, WrIconDef } from 'ngwr/icon';
+ *
+ * @Component({
+ *   selector: 'ngwr-header',
+ *   imports: [WrIcon],
+ *   providers: [provideWrIcons([logoGithub, logoNpm])],
+ *   template: `<wr-icon name="logo-github" />`,
+ * })
+ * export class HeaderComponent {}
+ * ```
+ */
 function provideWrIcons(icons) {
-    return [
-        WrIconPatchService,
-        {
-            provide: WR_ICONS_PATCH,
-            useValue: icons,
-        },
-    ];
+    if (isDevMode()) {
+        for (const icon of icons)
+            validateIcon(icon);
+    }
+    return [{ provide: WR_ICONS, useValue: icons, multi: true }];
 }
 
 /**
@@ -693,10 +199,43 @@ function provideWrIcons(icons) {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
+/**
+ * Wrap a raw SVG string in the {@link WrIconDef} envelope. Use this when
+ * importing icons from sources that ship full `<svg>` files — Tabler,
+ * Phosphor, Heroicons, Iconoir, Radix, Bootstrap Icons, your designer.
+ *
+ * Pair with a bundler's raw-SVG import (Vite's `?raw`, Webpack's
+ * `raw-loader`, esbuild's `--loader:.svg=text`) so the SVG file becomes
+ * a string at build time.
+ *
+ * For sets with a non-SVG shape (Lucide's IconNode tuples, Feather's
+ * inner-only SVG), use the dedicated adapter under
+ * `ngwr/icon/adapters/<set>` instead.
+ *
+ * @example
+ * ```ts
+ * import { svgIcon, provideWrIcons } from 'ngwr/icon';
+ * // Vite: the `?raw` suffix returns the file as a string.
+ * import plusSvg from '@tabler/icons/icons/plus.svg?raw';
+ * import phosphorPlusSvg from '@phosphor-icons/core/assets/regular/plus.svg?raw';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideWrIcons([
+ *       svgIcon('plus', plusSvg),
+ *       svgIcon('plus-phosphor', phosphorPlusSvg),
+ *     ]),
+ *   ],
+ * });
+ * ```
+ */
+function svgIcon(name, svg) {
+    return { name, data: svg };
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WR_ICONS_PATCH, WrIconComponent, WrIconPatchService, WrIconService, add, addCircle, addCircleOutline, alert, alertCircle, alertCircleOutline, alertSquircle, arrowBack, arrowBackCircle, arrowBottom, arrowBottomCircle, arrowForward, arrowForwardCircle, arrowTop, arrowTopCircle, bug, bugOutline, caretBack, caretBackCircle, caretForward, caretForwardCircle, checkmark, checkmarkCircle, checkmarkCircleOutline, chevronDown, chevronUp, close, closeCircle, closeCircleOutline, cog, copy, copyOutline, discover, document, dotsHorizontal, dotsVertical, download, externalOutline, eye, eyeOff, fileAab, fileApk, fileApks, fileIpa, fileZip, filter, filterOutline, flash, folder, help, home, infoCircleOutline, lock, lockOpened, logoAndroid, logoAngular, logoAppCenter, logoAppGallery, logoApple, logoAppscreener, logoAppstore, logoBankCenterCredit, logoChrome, logoDiscord, logoFirebase, logoForteBank, logoGithub, logoGitlab, logoGooglePlay, logoHalykBank, logoInstagram, logoJusanBank, logoKaspiBank, logoNpm, logoOtbasyBank, logoOversecured, logoRustore, logoStingray, logoTelegram, logoVk, logoWhatsapp, logoYandexCloud, logoYandexTracker, modules, moon, play, playBack, playCircle, playForward, plusCircle, provideWrIcons, reader, repeat, search, shield, shieldCheckmark, shieldCheckmarkOutline, shieldOutline, shuffle, stop, stopCircle, sun, terminal, time, trash, user, userAdd, userCircle, userRemove, warning, wrIconSet };
+export { WrIcon, provideWrIcons, svgIcon };
 //# sourceMappingURL=ngwr-icon.mjs.map