Wil je op één pagina het icoontje van je website aanpassen? Dat kan via onderstaande scripts:

Voorbeeld: Zie favicon in tabblad!

Kopie script

Select & Copy Methode 1 
<script> (function() { var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'https://tooljunkie.nl/pingback/favicon.ico'; document.getElementsByTagName('head')[0].appendChild(link); })(); </script>

Select & Copy Methode 2
<script> function changeFavicon(text) { const canvas = document.createElement('canvas'); canvas.height = 32; canvas.width = 32; const ctx = canvas.getContext('2d'); ctx.font = '32px serif'; ctx.fillText(text, 0, 32); const link = document.createElement('link'); const oldLinks = document.querySelectorAll('link[rel="shortcut icon"]'); oldLinks.forEach(e => e.parentNode.removeChild(e)); link.id = 'dynamic-favicon'; link.rel = 'shortcut icon'; link.href = canvas.toDataURL(); document.head.appendChild(link); } changeFavicon('//tooljunkie.eu/pingback/favicon-16x16.png'); </script>

Select & Copy Methode 3
<script> function changeFavicon(text) { const canvas = document.createElement('canvas'); canvas.height = 32; canvas.width = 32; const ctx = canvas.getContext('2d'); ctx.font = '32px serif'; ctx.fillText(text, 0, 32); const link = document.createElement('link'); const oldLinks = document.querySelectorAll('link[rel="shortcut icon"]'); oldLinks.forEach(e => e.parentNode.removeChild(e)); link.id = 'dynamic-favicon'; link.rel = 'shortcut icon'; link.href = canvas.toDataURL(); document.head.appendChild(link); } changeFavicon('☺'); </script>