"chrome://favicon/myurl" doesn't load the on the webpage but loads in new tab

Question

I am developing a personal productive app. The bookmark manager is part of it. I use a lot of two-step verification websites so it is difficult to bypass that to get the webpage favicon.

However, when I use "chrome://favicon/https://stackoverflow.com/" I can easily get the favicon of any website.

But the issue is that it works when I open in a new tab but they don't work on my webpage however, in the

For example.

<img src="chrome://favicon/https://stackoverflow.com/" />

Any suggestions on how to fix it. Thanks a mill in advance.

Answer 1

You can Get favicon by https://stackoverflow.com/favicon.ico Of any website. Just add /favicon.ico at the domain. There is no need of using chrome://favicon