Skip to main content
Logo.dev is a logo and brand image API that lets your Lovable app display company logos by domain, stock ticker, or crypto symbol. It’s designed for apps that show company branding, such as directories, dashboards, CRMs, and portfolio trackers. With Logo.dev, your app can:
  • Display company logos by domain in the browser
  • Render logos for stock tickers, ISINs, and crypto symbols
  • Add brand logos to dashboards, directories, and profile cards
  • Use img.logo.dev URLs with size, format, and theme options
The Logo.dev connector is frontend-only. It uses a publishable key with the img.logo.dev image CDN, so logos load directly in the browser. It’s a good fit when your app needs to show company branding without managing image assets yourself.
This connector provides a publishable key for the img.logo.dev image CDN only. Logo.dev’s server-side REST and Search APIs need a separate secret key that this connector does not provide.

​
Common use cases and example apps

​
How to connect Logo.dev

Workspace admins and owners can connect Logo.dev. You can create multiple Logo.dev connections using different publishable keys, which is useful for separating environments (for example, development and production) or using keys with different domain restrictions. When the connection is created, Logo.dev becomes available across all projects in the workspace. Anyone building in a project can ask Lovable in chat to link their project to it.

​
Prerequisites

Before connecting Logo.dev, make sure you have:
  • A Logo.dev account
  • A Logo.dev publishable key (starts with pk_)
  • Lovable workspace owner or admin role
Logo requests through this connector count toward your Logo.dev plan. Billing and quota are handled directly by Logo.dev, not Lovable.

​
Step 1: Get a Logo.dev publishable key

A publishable key lets your Lovable app load logos from the img.logo.dev image CDN in the browser. Because it’s used in frontend code, you secure it with domain restrictions rather than keeping it secret. To create a Logo.dev publishable key:
1

Open your Logo.dev account

Sign in to Logo.dev.
2

Open API keys

Go to the API keys page in your dashboard.
3

Copy a publishable key

Copy a publishable key (it starts with pk_). Create one if you don’t have it yet.
4

Set domain restrictions

Restrict the key to the domains where your app runs. This limits where the key can be used once it’s in your frontend code.
The publishable key is exposed in your app’s frontend code, so set domain restrictions in Logo.dev to control where it can be used. Use a publishable key (pk_), not a secret key. You’ll need it in the next step.
See Logo.dev documentation for more: Logo.dev API keys.

​
Step 2: Connect Logo.dev to Lovable

You can create multiple connections using different publishable keys.
1

Open Logo.dev in Connectors

Go to Connectors → App connectors and select Logo.dev.
2

Add a connection

Click Add connection.
3

Configure the connection

  1. Display name: name the connection, for example Logo.dev Prod. This name is only used inside Lovable to identify the connection.
  2. Publishable key: paste your Logo.dev publishable key (it starts with pk_).
4

Choose who can access this connection

Under Who can access this connection, decide who in your workspace can use the connection:
  • Only you (default): only the person creating the connection can use it and its associated data.
  • Invite specific people: only you and explicitly added workspace members can use the connection and its associated data.
  • Invite entire workspace: click Invite entire workspace to make the connection available to everyone in your Lovable workspace.
See Connection-level access for more information.
5

Connect

Click Connect.
When connected, anyone building in a project can ask Lovable in chat to link their project to Logo.dev (based on configured connection-level access). Your Lovable apps can then load company logos directly in the browser through img.logo.dev.

​
Limitations

The Logo.dev connector is frontend-only and cannot:
  • Call Logo.dev’s server-side REST API or Search API (those need a separate secret key this connector does not provide)
  • Proxy logo requests through a Lovable gateway (logos load directly in the browser from img.logo.dev)
  • Refresh or rotate keys automatically. To rotate, create a new publishable key in Logo.dev and update the Lovable connection
  • Support per-end-user Logo.dev login. Each connection represents a single Logo.dev account shared across all projects linked to it.
Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects. To unlink projects:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to manage.
3

Select projects

Under Linked projects, check the projects you want to unlink.
4

Confirm

Click Unlink projects and confirm.
When unlinked, those projects will no longer have access to through this connection. If a project needs again, you can link it to any available connection.

​
How to delete a connection

Workspace admins and owners can delete connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.
Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.
Before deleting, review the Linked projects section to see which projects are currently using the connection. To delete a connection:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to remove.
3

Review linked projects

Review the Linked projects section.
4

Delete

Under Delete this connection, click Delete and confirm.