Every logo.
Any domain. Instantly.

import { BrandLogo } from '@brandql/react'

// Component to display company logo and domain
export default function CompanyCard({ domain }) {
  return (
    <div className="company-card">
      <BrandLogo
        domain={domain}
        size={64}
        fallback={"initials"}
      />
      <span>{domain}</span>
    </div>
  )
}

<template>
  <div class="company-card">
    <BrandLogo
      :domain="domain"
      :size="64"
      fallback="initials"
    />
    <span>{{ domain }}</span>
  </div>
</template>

<script setup>
import { BrandLogo } from '@brandql/vue'
defineProps(['domain'])
</script>

# Get a logo by domain
GET https://api.brandql.com/logo/{domain}

# Optional query params
?size=128       # 32, 64, 128, 256, 512
?format=png     # png, jpg, svg, webp
?greyscale=true # Convert to greyscale

# Response
{
  "domain": "stripe.com",
  "logo": "https://cdn.brandql.com/logos/stripe.png",
  "colors": ["#635BFF", "#FFFFFF"],
  "cached": true
}

import { BrandQL } from '@brandql/node'

const client = new BrandQL({
  apiKey: process.env.BRANDQL_API_KEY
})

// Fetch a single logo
const logo = await client.getLogo('stripe.com')

// Batch fetch logos
const logos = await client.getBatch([
  'stripe.com',
  'github.com',
  'vercel.com'
])