Font Awesome directive for Angular.js 1.x

fontAwesome.ts

import angular from 'angular';
import fontawesome from '@fortawesome/fontawesome-svg-core';

import {faPrint} from '@fortawesome/free-solid-svg-icons/faPrint';
import {faSearch} from '@fortawesome/free-solid-svg-icons/faSearch';
fontawesome.library.add(faPrint, faSearch);

function directive(): ng.IDirective {
  return {
    restrict: 'E',
    link(_scope: ng.IScope, elem: JQLite, attrs: ng.IAttributes) {
      const prefix = 'fas' as fontawesome.IconPrefix;
      const iconName = attrs.fas as fontawesome.IconName;
      const icon: fontawesome.Icon = fontawesome.icon({prefix, iconName});
      if (!icon) {
        console.warn(`No icon found for `, iconName);
        return;
      }
      elem[0].append(icon.node[0]);
    }
  };
}

// Usage: <font-awesome fas="print"></font-awesome>
export default angular.module('ngFontAwesome', []).directive({fontAwesome: directive});