Replace favorite icon for your web page in real time.

set-or-replace-favorite-icon.ts

export const setOrReplaceFavoritesIcon = (icon: string = defaultFavIcon) => {
  const link: HTMLLinkElement =
    document.querySelector('link[rel*="icon"]') ||
    document.createElement('link');
  link.type = 'image/x-icon';
  link.rel = 'shortcut icon';
  link.href = icon;
  document.getElementsByTagName('head')[0].appendChild(link);
};