Yoto Developers
Search K

Appearance

Using Icons ​

When a specific audio track is playing, a "pixel art" icon is displayed on the player.

Yoto Mini with Icon

When creating your own cards, you can choose which icons get displayed too. You can upload your own icon, or use of one of the icons from the public list below.

At minimum, you need to set an icon for each chapter, as each track will default to its chapter's icon.

Each chapter must have a display property set to an object with an icon16x16 key.

The icon16x16 key is in the format of yoto:id. You can find all of our public icons with their ID[1] in the list below.

icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name
icon.name

  1. The ID is the sha256 hash of the icon. ↩︎