title: How to get a font awesome icon name when using click event on it?
body: <p>So, if I do this in my HTML component:</p>
  <pre><code>&lt;fa-icon [icon]=&quot;faSort&quot; (click)=&quot;sort($event)&quot;&gt;&lt;/fa-icon&gt;
  </code></pre>
  <p>How will I get it's name in my ts component?</p>
  <pre><code>sort(event: Event) {???}
  </code></pre>
  <p>I tried doing it like this:</p>
  <pre><code>sort(event: Event) {
  
  console.log(event['target']['ownerSVGElement']['classList'][1])
  
  }
  </code></pre>
  <p>But the method above is very inconsistent. Is there a better way of doing this?</p>
  <p>Font Awesome Package Link: <a href="https://www.npmjs.com/package/@fortawesome/angular-fontawesome" rel="nofollow noreferrer">https://www.npmjs.com/package/@fortawesome/angular-fontawesome</a></p>