[解決済み] Webサイトのファビコンを動的に変更する

質問

現在ログインしているユーザーに応じてブランドを設定するウェブアプリケーションがあります。ページのファビコンをプライベートレーベルのロゴに変更したいのですが、これを行うためのコードや例を見つけることができません。どなたか成功された方はいらっしゃいますか？

私は、フォルダに12個のアイコンがあり、どのfavicon.icoファイルを使用するかの参照は、HTMLページと一緒に動的に生成されるだけのものを想像しています。どうでしょうか？

どのように解決するのですか？

なぜダメなのか？

var link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.getElementsByTagName('head')[0].appendChild(link);
}
link.href = 'https://stackoverflow.com/favicon.ico';