Prerequisites
- A Logo.dev publishable key (
pk_…). Sign up free if you don’t have one; your key is on the dashboard under API keys.
1
Copy the prompt and fill in your key
Replace both
LOGO_DEV_PUBLISHABLE_KEY placeholders with your real key before pasting:2
Paste it into v0's chat
Send the prompt as a message in the same chat where you’re building the app. v0 adds a
CompanyLogo component and swaps it into the views that show companies.3
Check a logo renders
Ask the preview to show a company you recognize. If the image is a plain monogram instead of the real logo, the key is usually still the placeholder: search the generated code for
LOGO_DEV_PUBLISHABLE_KEY and replace it.Keep the key out of the repo
A publishable key is built for client-side code, so shipping it in the generated app is fine. To tidy it away anyway, a follow-up prompt like “move the Logo.dev key into an environment variable” does it; v0 generates Next.js, so the variable needs theNEXT_PUBLIC_ prefix to reach the browser.
On the free tier, commercial projects need a visible attribution link back to
Logo.dev; personal projects don’t. Paid plans
remove it. Details on the attribution page.
Next steps
Next.js integration
Taking the v0 export further: Image config and components.
Logo API parameters
Every size, format, theme, and fallback option.