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

# logos

Beta

`@pantoken/plugin-logos` — Instructure product logos as SVGs, data URIs, and image tokens.

It vendors the SVG logos from Instructure's UX guidelines for Canvas, Mastery, Parchment,
Instructure, LearnPlatform, and Ignite AI, in the standard layouts (horizontal, stacked, icon)
and color modes (full-color, color, dark, reversed, and so on). Each logo is available three ways:
the raw SVG ([getLogoSvg](functions/getLogoSvg.md)), a data URI ([getLogoDataUri](functions/getLogoDataUri.md)), and a
`--instui-logo-<product>-<layout>-<mode>` image token plus a `.-logo-<product>-<layout>-<mode>`
mask-glyph class (sized by that logo's own aspect ratio) in `@pantoken/plugin-logos/logos.css`.

As a pantoken plugin, the `css` hook contributes those image tokens.

## Interfaces

* [LogoMeta](interfaces/LogoMeta.md)
* [LogosOptions](interfaces/LogosOptions.md)

## Type Aliases

* [Product](type-aliases/Product.md)
* [LogoLayout](type-aliases/LogoLayout.md)
* [LogoColorMode](type-aliases/LogoColorMode.md)
* [LogoLang](type-aliases/LogoLang.md)

## Variables

* [logos](variables/logos.md)
* [products](variables/products.md)
* [logosCss](variables/logosCss.md)

## Functions

* [getLogoSvg](functions/getLogoSvg.md)
* [getLogoDataUri](functions/getLogoDataUri.md)
* [getLogoMeta](functions/getLogoMeta.md)
* [logosPlugin](functions/logosPlugin.md)

## References

### default

Renames and re-exports [logosPlugin](functions/logosPlugin.md)