---
url: /api/plugins/pantoken/logos/src/functions/getLogoDataUri.md
---
[pantoken-root](../../../../../index.md) / [plugins/pantoken/logos/src](../index.md) / getLogoDataUri

# Function: getLogoDataUri()

> **getLogoDataUri**(`product`, `layout?`, `colorMode?`, `lang?`): `string` | `undefined`

Beta

Get a logo as a base64 `data:image/svg+xml` URI.

## Parameters

### product

[`Product`](../type-aliases/Product.md)

The product.

### layout?

[`LogoLayout`](../type-aliases/LogoLayout.md) = `"horizontal"`

The layout (default `"horizontal"`).

### colorMode?

[`LogoColorMode`](../type-aliases/LogoColorMode.md) = `"full-color"`

The color treatment (default `"full-color"`).

### lang?

[`LogoLang`](../type-aliases/LogoLang.md)

The localized wordmark's language, if a translated variant is wanted.

## Returns

`string` | `undefined`

The data URI, or `undefined` if that combination doesn't exist.

## Example

**Use a logo as an \<img> src**

```ts
import { getLogoDataUri } from "@pantoken/plugin-logos";

const uri = getLogoDataUri("mastery", "icon", "color");
const img = document.createElement("img");
if (uri) img.src = uri;
```