Logo.dev CDN: Get Any Company Logo by Domain

​

Add a logo to your page

1

Get a publishable key

Get your API keys

Your dashboard has a publishable key for the Logo.dev CDN and a secret key for the Logo.dev API. Every plan includes both.

The publishable key (pk_) is safe in client code. To stop other sites from using it, add domain restrictions.

2

Embed the logo

Put the identifier you have in the path and your key in token:

Domain

Name

Ticker

ISIN

Crypto

<img src="https://img.logo.dev/shopify.com?token=LOGO_DEV_PUBLISHABLE_KEY" alt="Shopify logo" />

3

Go live

Before you ship, check whether your plan needs an attribution link, and read the rate limits and fair use policy.

​

Lookup modes

• By domain: the company’s website, such as shopify.com. The most direct lookup.
• By name: a brand name, such as Shopify, when you have no domain.
• By stock ticker: a symbol such as AAPL, with suffixes for non-US exchanges.
• By ISIN: a security identifier, such as US0378331005.
• By crypto symbol: a token symbol, such as BTC.
• By stock exchange: an exchange code, such as NYSE.
• By market index: an index symbol, such as SPX.

​

Choose a format

<img src="https://img.logo.dev/shopify.com?token=LOGO_DEV_PUBLISHABLE_KEY&format=png" alt="Shopify logo" />

​

Size it for retina screens

<img
  src="https://img.logo.dev/shopify.com?token=LOGO_DEV_PUBLISHABLE_KEY&size=64&retina=true"
  alt="Shopify logo"
  width="64"
  height="64"
/>

​

Match light and dark themes

<img
  src="https://img.logo.dev/apple.com?token=LOGO_DEV_PUBLISHABLE_KEY&theme=dark&format=png"
  alt="Apple logo"
/>

​

Get the wide logo or the favicon

​

Fallback images

<img
  src="https://img.logo.dev/acme.invalid?token=LOGO_DEV_PUBLISHABLE_KEY&fallback=404"
  alt="Company logo"
  onerror="this.onerror=null; this.src='/images/default-logo.png';"
/>

import { useState } from "react";

function CompanyLogo({ domain }) {
  const [src, setSrc] = useState(
    `https://img.logo.dev/${domain}?token=LOGO_DEV_PUBLISHABLE_KEY&fallback=404`
  );

  return (
    <img
      src={src}
      alt={`${domain} logo`}
      onError={() => setSrc("/images/default-logo.png")}
    />
  );
}

​

Skip domains that redirect

<img src="https://img.logo.dev/example.com?token=LOGO_DEV_PUBLISHABLE_KEY&redirect=404" alt="Example logo" />

​

Parameters

​

Related

• Errors: what each status code from the CDN means.
• Caching: how browsers cache a logo, and how to get a changed one.
• Troubleshooting: a white box, a monogram, or a blurry logo.
• Self-hosting: to store a logo file on your server, use the Logo.dev API with a secret key, not the CDN.