Angular2 favicon change dynamically
<p>I have two component. <code>1 notification</code> and another is <code>chat</code>. Whenever there is new notification, I need to update icon as well. </p>

<p>I read that only title class will let you change title, which is outside application.</p>

<p>I wanted to know if someone knows how to change favicon in <code>angular2</code> without using <code>jQuery</code> or other third party libraries. </p>

<hr>

<p><strong>[Note]</strong> The reason I don't want to use third party library is, that we are upgrading our application from <code>angular1</code> to <code>angular2</code> and we already have libraries which is <strong>2mb</strong> after compiling and optimizing, before optimization it is <strong>8mb</strong> (ya, very bad!), anyway we can't afford to add another third party library. </p>