Как добавить иконку FontAwesome5 с помощью Angular Renderer2?

Question

Я хочу добавить иконку Fontawesome 5 в DOM, используя Angular Renderer2 в директиве. Это не похоже на связывание, когда я делаю это так:

  const span = this.renderer.createElement('span');
  this.renderer.addClass(span, 'icon');
  const faIcon = this.renderer.createElement('fa-icon');
  this.renderer.setAttribute(faIcon, 'icon', 'at');
  this.renderer.appendChild(span, faIcon);
  this.renderer.appendChild(this.el.nativeElement, span);

Я хочу получить это:

  <span class="icon">
    <fa-icon icon="globe-americas"></fa-icon>
  </span>

Что я должен изменить?