Favicon

You might say

Replace the small site icon in tabs and bookmarks with our brand shape, but do not change the header Logo.

A small icon browsers use to identify a websiteAfter a site opens, the browser can show it in tabs, bookmarks, and history so people can recognize the site among many pages. A working header Logo does not prove that the browser received a Favicon; inspect the actual browser surfaces.

Know first

HTML Image

site icon

Where a Favicon appears

Resource supplied by the site<link rel="icon" href="/favicon.svg">

VRefund guide · VibeHub◇Project board

The same site icon identifies pages in browser UI; it is not part of the page body.

How the browser uses this small icon

It identifies a site in the browser: Tabs, bookmarks, and history can show the same Favicon so people can recognize a website quickly. It does not explain an action inside the page.

Verify the real browser result: After publishing, confirm that the linked asset is reachable and inspect it in tabs, bookmarks, and history; an old cache may keep the previous asset visible for a while.

Quick checkChoose the best answer

After the header Logo changes, the browser tab still shows the old icon. What should you check first?

Check the Favicon asset and rel=icon configuration, then account for possible cachingKeep adjusting the Header Logo until the tab changes by itselfReplace a toolbar action icon with the new brand shape

You can say this to an AI Agent

Replace the site's Favicon while leaving the header Logo and toolbar action icons unchanged. Check the asset referenced by rel=icon, then verify the browser tab, bookmark, and history after deployment. If the old icon remains, report the caching evidence and the next verification step.

Learn next

1Logo→2Page Metadata→