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

# Function: getLogoSvg()

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

Beta

Get a logo's raw SVG.

## 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 SVG string, or `undefined` if that combination doesn't exist.

## Examples

**Get the default horizontal, full-color Canvas logo**

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

const svg = getLogoSvg("canvas");
```

**Pick a specific layout and color treatment**

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

const reversed = getLogoSvg("instructure", "stacked", "reversed");
```