☰

Google Favicon

Display Favicons on Google Search

// ==UserScript==
// @name         Google Favicon
// @namespace    https://greasyfork.org/en/users/943407-webchantment
// @version      1.4
// @description  Display Favicons on Google Search
// @author       Webchantment
// @include      https://www.google.tld/search?*
// @grant        none
// ==/UserScript==

(function() {

	/**SETTINGS**/
	const iconSize = 16; //use 16 or 24

	//check if favicons already exist
	if (document.querySelector("#search > * img[class='XNo5Ab']"))
		return;

	const organic = document.querySelectorAll("#search > * cite");
	const topAds = document.querySelectorAll("#tads > * span[role='text']");
	const bottomAds = document.querySelectorAll("#tadsb > * span[role='text']");

	organic.forEach(o => { prependFavicon(o, o.firstChild.wholeText, false); });
	topAds.forEach(t => { prependFavicon(t, t.getAttribute("data-dtld"), true); });
	bottomAds.forEach(b => { prependFavicon(b, b.getAttribute("data-dtld"), true); });

	function prependFavicon(element, domain, isAd)
	{
		if (domain.includes(".") || isAd)
		{
			const favicon = document.createElement("img");
			favicon.src = `https://www.google.com/s2/favicons?domain=${domain}&sz=${iconSize}`;
			favicon.style = "vertical-align: middle;";

			element.prepend(" ");
			element.prepend(favicon);
		}
	}

})();