v0 favicon install runbook
v0 generates Next.js repos on command. The default favicon almost always sneaks back in, so treat this guide as your install SOP.
Keep canvases clean
Upload a single square PNG to v0 so the canvas preview, screenshot exports, and production repo stay aligned.
Protect /public
Every time v0 regenerates files it can overwrite icons. Commit the exported kit immediately after import.
URL finder for v0
Paste your v0 preview, Lovable link, or production domain. We'll grab every favicon, let you choose one, and push it back to the generator.
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.
Playbook
Follow these beats whenever your builder regenerates UI so favicon coverage stays ahead of AI edits.
1Audit the v0 preview
Paste the preview URL into the finder and search for Apple touch icons, manifest references, and OG images.
2Select the highest-res asset
Choose the cleanest PNG or SVG surfaced by the scan, then send it to the generator.
3Bake into the repo
Drop the exported icons into /public and reference them in app/layout.tsx plus manifest.json before deploying.
Checklist
Drop this straight into your deployment doc.
Add /v0/favicon-install to the GitHub issue template you use for launches.
Verify both the local dev server and the deployed preview pick up the same favicon kit.
Run /verify after every merge to ensure nothing reverted to the default Next.js icon.
v0 install guide
Add /v0/favicon-install to project README files, onboarding docs, and Lovable/v0 checklists so nobody skips the favicon step.