Move from the Clearbit Logo API to LogoAPI.

URL mapping

Every Clearbit URL form, and what to use instead. Clearbit parameters are as documented by Clearbit before shutdown (archived copy of clearbit.com/docs).

The table maps Clearbit’s URL forms. LogoAPI has more routes, such as favicons, colour variants, search and brand pages. All of them are on the docs page.

Copy-paste snippets

Plain HTML with a fallback

An unknown domain returns a 404 with no placeholder image, so onerror runs your own fallback.

<img src="https://logoapi.sh/stripe.com.svg" alt="Stripe" height="24"
     onerror="this.onerror=null;this.src='/img/generic-company.svg'">

JavaScript fetch with a 404 fallback

Every response sends Access-Control-Allow-Origin: *, so this works from any site.

async function logoUrl(domain) {
  const url = `https://logoapi.sh/${domain}.svg`;
  const res = await fetch(url);
  return res.ok ? url : '/img/generic-company.svg'; // 404 = not in the catalog
}

logoUrl('stripe.com').then(src => { img.src = src; });

React component

import { useState } from 'react';

export function CompanyLogo({ domain, name, height = 24 }) {
  const [failed, setFailed] = useState(false);
  const src = failed
    ? '/img/generic-company.svg'
    : `https://logoapi.sh/${domain}.svg`;
  return (
    <img src={src} alt={name} height={height}
         onError={() => setFailed(true)} />
  );
}

Keep your own fallback image. The snippets use /img/generic-company.svg as in the docs example; point it at a file you host.

What is different

FAQ