> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brandfetch.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Query Brand API logos for different use cases

> This recipe explores an effective strategy for selecting the best logo to display in company listing apps, such as those used in fintech and other industries.

#### Query logos by type

```JavaScript index.js theme={null}
const icon = brand.logos.find(({ type }) => type === 'icon')
const logos = brand.logos.filter(({ type }) => type === 'logo')
const symbols = brand.logos.filter(({ type }) => type === 'symbols')
```

#### Query logos by theme

```JavaScript index.js theme={null}
const logoDark = brand.logos.find(({ type, theme }) => type === 'logo' && theme === 'dark')
const logoLink = brand.logos.find(({ type, theme }) => type === 'logo' && theme === 'light')
```

#### Query a specific format

```JavaScript index.js theme={null}
const file = logo.formats.find(({ format }) => format === 'svg')
```

#### Retrieve the best available format

```JavaScript index.js theme={null}
const priorityList = ['svg', 'webp', 'png', 'jpeg', 'jpg']

const file = priorityList.find(priorityFormat =>
  logo.formats.some(({ format }) => format === priorityFormat)
)
```

## API Reference

For more details, refer to our [API Reference](/reference/brand-api).