title: Font-awesome in Polymer 2
body: <p>I would like to use fontawesome icons. I have the following webcomponent but icons are not shown:</p>
  
  <pre><code>&lt;link rel="import" href="../../bower_components/polymer/polymer-element.html"&gt;
  &lt;script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"&gt;&lt;/script&gt;
  
  &lt;dom-module id="mi-icono"&gt;
    &lt;template&gt;
      &lt;i class="fas fa-address-card"&gt;&lt;/i&gt;
      &lt;i class="fas fa-trash-alt"&gt;&lt;/i&gt;
    &lt;/template&gt;
  
    &lt;script&gt;
      /**
       * @customElement
       * @polymer
       */
      class MiIcono extends Polymer.Element {
        static get is() { return 'mi-icono'; }
        static get properties() {
          return {};
        }
      }
  
      window.customElements.define(MiIcono.is, MiIcono);
    &lt;/script&gt;
  &lt;/dom-module&gt;
  </code></pre>
  
  <p>Anyone knows why icons are not shown?</p>