Assets

What are assets?

assets lets you look up Discord’s bundled images and icons by name. At startup it indexes every bundled asset by name, so you can ask for 'ChatIcon' and get the correct id for the current build. Discord ships each image and icon as a Metro module that exports a numeric id, and the app resolves that id into an image. Components that render an icon take the id. Ids change between Discord versions, so a hardcoded id is unreliable.

Looking up assets

Look up an asset by name and type (png or svg). The type defaults to png.

import { assets } from '@unbound-app/api';

const icon = assets.getByName('ChatIcon');     // full asset record
const id = assets.getIDByName('ChatIcon');     // just the id
const byId = assets.getByID(id);               // back the other way

Function	Returns
`getByName(name, type?)`	The asset record
`getIDByName(name, type?)`	The asset’s numeric id
`getByID(id)`	The asset record for an id
`getAll()`	Every indexed asset
`find(predicate)`	The first asset matching a predicate

The Icons proxy

assets.Icons is a shortcut for the common case of turning a name into an id. Reading any property on it returns the id for that name.

import { Icons } from '@unbound-app/api/assets';

// Icons.ChatIcon === assets.getIDByName('ChatIcon')
<Image source={Icons.ChatIcon} />

Icons is shorthand for getIDByName. Use it when you want an id inline. Use getByName when you need the full record (name, type, dimensions).

Addons

Plugins

Themes

Icon Packs

Development

API Reference

Loader

What are assets?

Looking up assets

The Icons proxy

​What are assets?

​Looking up assets

​The Icons proxy

What are assets?

Looking up assets

The Icons proxy