A favicon is the small icon shown beside a page title in browser tabs, bookmarks and some search or device interfaces. It occupies very little space, but it helps people recognise a website among many open pages.
Why it deserves attention
Without a favicon, the browser may display a generic symbol that makes the site feel unfinished. A recognisable icon strengthens brand consistency and makes returning to the right tab easier.
The effect is subtle, which is exactly why it matters. Good digital identity is built through repeated details that behave consistently.
Design it for a tiny space
- Use a simple mark, initial or distinctive part of the logo.
- Avoid fine details and long wordmarks that become unreadable.
- Test the icon on both light and dark browser backgrounds.
- Start with a clean square source image, ideally at least 512 by 512 pixels.
- Keep important shapes away from the outer edge.
Configure it in WordPress
Depending on the theme and WordPress version, the setting may appear under Site Identity, the Customizer or the site editor. Upload the square source image and let WordPress create the smaller required sizes.
After publishing, clear relevant caches and check the result in more than one browser. Favicons can be cached aggressively, so changes may not appear immediately.
One icon, many contexts
The same source may also inform home-screen icons and application shortcuts. Preparing it carefully keeps the brand recognisable wherever the website is saved or opened.