diff --git a/packages/ui-library/src/components/ui/icon/index.ts b/packages/ui-library/src/components/ui/icon/index.ts index 34282a25b..816c96ce8 100644 --- a/packages/ui-library/src/components/ui/icon/index.ts +++ b/packages/ui-library/src/components/ui/icon/index.ts @@ -23,6 +23,10 @@ export class BlrIcon extends LitElement { protected render() { const sizeKey = this.ignoreSize ? 'full' : this.size.toLowerCase(); + const unfullfilledRenderResult = html`<span class="blr-icon ${sizeKey}"> + <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"></svg> + </span>`; + if (IconMapping.hasOwnProperty(this.icon) && typeof IconMapping[this.icon] === 'function') { const importedIcon = IconMapping[this.icon](); @@ -33,9 +37,9 @@ export class BlrIcon extends LitElement { // eslint-disable-next-line no-console .catch((err) => console.error(err.message)); - return until(fullfilledRenderResult, nothing); + return until(fullfilledRenderResult, unfullfilledRenderResult); } else { - return nothing; + return unfullfilledRenderResult; } } }