How to change the favicon on someone else's site so that a different icon is displayed in the browser tab?

Question

JavaScript

Actually, subject. The fact is that the site icon, rather plain, does not stand out on the bookmarks bar, while the site is used often. In order not to constantly look with my eyes, I want to change the icon on it. Unfortunately, there is no such function in the browser itself (Yandex Browser).

Answer 1

You can change the icon of the tab, and the corresponding tab will automatically change.
For example, with this userscript :

document.querySelectorAll(`head > link[rel="icon"]`)
        .forEach(element => element.href = "https://s.imgur.com/images/favicon-96x96.png");

Answer 2

you can try (I would do this)
in the sqlitestudio program, open the favicons.sqlite file,
which is located in the browser profile (this is for firefox, I don’t know how in chrome - I don’t use it, I think it’s similar)
edit the link to the desired icon
instead of a link, you can / better convert the icon to base64 and insert this data into the sqlite database,
see line 11 on the screen, the icon is presented in this way