My version, better alignment, grayscaled icons, eliminates duplicates on navigation:<p><pre><code> // ==UserScript==
// @name hacker news favicons
// @match https://news.ycombinator.com/*
// ==/UserScript==
for (let link of document.querySelectorAll('.titlelink')) {
if (link.attributes["hasIcon"] != 'true') {
const domain = new URL(link.href).hostname
const imageUrl = `https://icons.duckduckgo.com/ip3/${domain}.ico`
const image = document.createElement('img')
link.attributes["hasIcon"] = 'true'
image.src = imageUrl
image.width = 16
image.height = 16
image.style.paddingRight = '0.50em'
image.style.paddingLeft = '0.50em'
image.style.verticalAlign = 'middle';
image.style.filter = 'grayscale(1)';
link.prepend(image)
}
}</code></pre>