Add a high-resolution favicon — Windsurf

Google now shows favicons next to mobile search results. A missing or blurry favicon looks amateur next to competitors and drops CTR.

rocket_launch

Fixing this in Windsurf

Codeium agentic AI IDE with Cascade

Windsurf Cascade can walk the entire project and apply multi-file edits in one pass. Paste the prompt below into your Windsurf chat and the fix rolls out across the project in one pass.

Using a different tool? Pick your stack:

Lovable Cursor Bolt v0 Replit Windsurf Claude Code Base44

The prompt for Windsurf

Copy and paste this into your Windsurf chat exactly as-is.

Using Windsurf Cascade, apply these edits across the project in one pass:

Add a favicon

1. Add a favicon.ico file to /public/.
2. Also add <link rel="icon" href="/favicon.ico"> in <head>.

Why this matters

Google SERP on mobile shows a favicon next to each result. No favicon = a generic globe icon, which looks untrustworthy next to branded competitors.

Browsers show the favicon in the tab. Without one, users see a blank sheet, and bookmarks have no visual identifier — harder to re-find your site.

How to use this prompt in Windsurf

1. Open your Windsurf project.
2. Copy the prompt above with the copy button.
3. Paste into the Windsurf chat and send.
4. Review the diff, accept the changes, redeploy.
5. Verify the fix using the checklist below.

Common mistakes to avoid

error_outlineShipping only a 16×16 favicon — looks blurry on Retina displays and in Google SERP.
error_outlineUsing a photo as favicon — does not read at small sizes.
error_outlineForgetting the Apple touch icon (180×180) — iOS home-screen icon falls back to a scaled-down version.

How to verify the fix worked

check_circleCheck `favicon.ico` at the root returns 200.
check_circleGoogle SERP (site:yoursite.com on mobile) shows your favicon, not the globe.
check_circleBookmark the page and check the bookmark icon is correct.

Frequently asked questions

ICO or PNG?expand_more

Both. Keep a classic `favicon.ico` (16+32+48) at the root for legacy, plus PNGs for modern browsers and Apple touch.

When does Google show favicons?expand_more

Mobile SERP, since 2019. Desktop shows them in some contexts. Either way, have one.

Want all 34 prompts tailored to your Windsurf site?

Pantra scans your site in 10 seconds, detects the stack, and generates the exact prompts that apply — only the ones you actually need.

Scan my site

Related Windsurf prompts

Images