Quickstart

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

function CompanyLogo({ domain }) {
  return (
    <img
      src={`https://img.logo.dev/${domain}?token=LOGO_DEV_PUBLISHABLE_KEY`}
      alt={`${domain} logo`}
    />
  );
}

// Add img.logo.dev to your next.config.js:
// module.exports = {
//   images: {
//     remotePatterns: [
//       {
//         protocol: 'https',
//         hostname: 'img.logo.dev',
//       },
//     ],
//   },
// };

import Image from "next/image";

// unoptimized skips the Next.js optimizer, which sends no Referer and breaks domain restrictions.
// See https://www.logo.dev/docs/integrations/nextjs#skip-the-optimizer
function CompanyLogo({ domain }: { domain: string }) {
  return (
    <Image
      src={`https://img.logo.dev/${domain}?token=${process.env.NEXT_PUBLIC_LOGO_DEV_PUBLISHABLE_KEY}`}
      alt={`${domain} logo`}
      width={128}
      height={128}
      unoptimized
    />
  );
}

<template>
  <img
    :src="`https://img.logo.dev/${domain}?token=LOGO_DEV_PUBLISHABLE_KEY`"
    :alt="`${domain} logo`"
  />
</template>

<script>
export default {
  props: ["domain"],
};
</script>

logo_url = f"https://img.logo.dev/nike.com?token=LOGO_DEV_PUBLISHABLE_KEY"

logo_url = "https://img.logo.dev/nike.com?token=LOGO_DEV_PUBLISHABLE_KEY"

$logoUrl = "https://img.logo.dev/nike.com?token=LOGO_DEV_PUBLISHABLE_KEY";

import android.widget.ImageView;
import com.squareup.picasso.Picasso;

public void loadCompanyLogo(String domain, ImageView imageView) {
    String url = "https://img.logo.dev/" + domain + "?token=LOGO_DEV_PUBLISHABLE_KEY";
    Picasso.get()
        .load(url)
        .placeholder(R.drawable.logo_placeholder)
        .error(R.drawable.logo_error)
        .into(imageView);
}

import SwiftUI

struct CompanyLogo: View {
    let domain: String

    var body: some View {
        AsyncImage(url: URL(string: "https://img.logo.dev/\(domain)?token=LOGO_DEV_PUBLISHABLE_KEY")) { image in
            image
                .resizable()
                .aspectRatio(contentMode: .fit)
        } placeholder: {
            ProgressView()
        }
        .frame(width: 128, height: 128)
    }
}