Favicons for apps you didn't hand-write
AI builders scaffold a whole app in a few prompts and leave the default icon in the tab. Scan what your build currently serves, pick the best source image, and export the full set, then follow the install guide for your specific builder. Driving a coding agent over a real repo instead? Add a favicon with Claude Code, Cursor or Codex.
Why the default icon survives
A "build me a SaaS for X" prompt never mentions the favicon, so the template placeholder rides all the way to launch. Three reasons it sticks:
Lovable
Add a proper favicon and app icon set to a Lovable app. Audit the .lovable.dev preview, export every size, and keep the published deploy in sync.
Lovable builders
v0
Install a complete favicon and app icon set in a v0.dev generated Next.js app, and stop the default icon returning after each regeneration.
v0.dev teams
Replit
Add favicons and app icons to a Replit project without drag-and-drop drift. Audit the hosted repl, export every size, and wire the head plus manifest.
Replit workspaces
Bolt.new
Add a real favicon and app icon set to a Bolt.new project: where files go in the WebContainer, and how to stop the next prompt from overwriting the head.
Bolt.new projects
Cursor
Install a full favicon and app icon set with Cursor: generate the real image files, then have the agent wire the head and manifest to the repo's convention.
Cursor users
Windsurf
Add favicons and app icons in Windsurf: give Cascade the exported files, one precise wiring instruction, and make it verify every icon path returns a real file.
Windsurf and Cascade
Claude Code
Generate and install a complete favicon and app icon set with Claude Code: give the agent a generator to run, then have it wire the head and commit the files.
Claude Code sessions
Codex
Add a full favicon and app icon set with OpenAI Codex. Get real image files into the branch, let the agent wire the head and manifest, and check they land in the PR.
OpenAI Codex
Gemini CLI
Install a complete favicon set with Google's Gemini CLI: connect a generator via MCP or a CLI, then let the agent place the files, wire the head, and verify each path.
Google Gemini CLI
Aider
Add favicons with Aider: drop the exported image files into the repo, let the git-native agent wire the head and manifest, and keep each change as its own commit.
Aider pair programming
Kiro
Add favicons in Kiro: generate the real files, wire them through a spec task, and use steering plus an agent hook so the icons never silently regress on rebuild.
Kiro spec-driven builds
Firebase Studio
Add favicons in Firebase Studio: generate the files into the cloud workspace, wire the head, and verify the in-IDE preview and the App Hosting deploy both serve them.
Firebase Studio workspaces
GitHub Copilot
Add a favicon with GitHub Copilot: agent mode or the coding agent. Get real image files into the repo, let it wire the head and manifest, and review the PR.
GitHub Copilot
Cline
Add a favicon with Cline: plan the wiring in Plan mode, connect a generator from the MCP marketplace for the bytes, then approve the head and manifest edits in Act mode.
Cline for VS Code
Devin
Add a favicon with Devin: give it real image files, one scoped instruction, and have it use its browser to confirm the icon actually renders before it opens the PR.
Devin autonomous agent
Jules
Add a favicon with Jules: commit the source, approve a scoped plan before it runs in the cloud VM, then review the PR to confirm the real image files are included.
Jules async agent
Base44
Set a proper favicon on a Base44 app: get real icon files hosted through the builder, wire explicit head tags, and confirm they survive the next publish.
Base44 apps
Framer
Set a custom favicon on a Framer site: upload it in site settings, publish to every domain, and add head code for Apple touch and manifest icons.
Framer sites
Webflow
Change the favicon on a Webflow site: upload the favicon and webclip in site settings, publish to staging and every custom domain, then clear the cache.
Webflow sites
Bubble
Set the favicon on a Bubble app: upload it in the SEO and metatags settings, deploy the development version to live, then verify on the real domain.
Bubble apps
Find a favicon from any URL
Paste a Lovable, v0, Replit, or production link and we will pull every icon we find.
Paste a domain and tap Scan to see every icon we can harvest.
We will open the generator with your selected favicon pre-loaded as the base image.
The playbook
The same three beats on every builder, any time the agent rewrites your UI.
Governance checklist
What stops the icon regressing the next time the agent rewrites a page.
Re-run the favicon install before any handoff, not after someone notices the blank tab.
If your repo lives on Replit, wire the exported zip into version control instead of dragging files in the UI.
Track which environments (preview, staging, production) own each icon size so teammates stop overwriting each other.
Drop every generator run into /public/icons and reference them through manifest.json so AI builders stop regenerating sprites on deploy.
Why deep links matter
Most builders make it easy to jump straight into a project. Few teams put the favicon step in that path.
Link to your builder from runbooks
Paste the builder project link into the checklist so the person rotating on-call can jump straight into the right editor tab.
Mirror the update in Git
Once the generator exports your set, commit it downstream so Replit or Vercel previews pull the same assets as Lovable.