What it is
A favicon (short for "favorite icon") is the small square image that shows up next to your page's title in a browser tab, in a list of bookmarks, and sometimes in browser history and search suggestions. It's typically a simplified version of a logo — small enough to be recognizable at the size of a few pixels, like a letter, a simple shape, or an icon.
Without one, browsers show a generic, blank-page icon in its place — the same placeholder used for any site that hasn't set one, which makes it immediately obvious that this particular detail was never configured.
Why it matters
A missing favicon is a small thing, but it's also one of the most visible small things: it appears on every single page of your site, in every browser tab, for every visitor, all the time. When someone has several tabs open, the favicon is often the only way they visually pick your tab back out of the row — a generic blank icon makes that harder and quietly signals "this site was never quite finished."
It's also one of the fastest wins on this entire list: unlike content or design decisions, a favicon takes minutes to create and add, with no ongoing maintenance once it's in place.
How to fix it
- Create a simple square image (ideally a simplified version of your logo) — free favicon generator tools can convert an existing logo image into the right file formats and sizes automatically.
- Save the result as
favicon.icoorfavicon.svgand upload it to your site's root folder (or wherever your hosting platform expects icon files). - Add
<link rel="icon" href="/favicon.ico">(or the SVG equivalent) inside the<head>section of your page. - If you're using a website builder (Squarespace, Wix, Webflow, WordPress), look for a "favicon" or "site icon" upload field in your general site settings instead of editing code directly.
- Reload the page in a fresh browser tab (or clear your browser cache) to confirm the new icon appears — favicons are sometimes cached and slow to update.