Inline images

Use inline images to drop a small icon, badge or glyph in the middle of a sentence, just like an emoji. They use the same sources as regular images, but the syntax is different.

Basic syntax

Some text <-ImageSource->

The source goes between <- and ->. It can be a remote URL or a local file inside assets/.

Example

A sentence with an inline icon: Lorem ipsum icon dolor sit amet.

Here you can see more details about the supported inline image sources (local files vs remote URLs).

Typical use cases

Status badges in release notes: Released <-assets/icon.svg-> on 2026-06-05.
Inline icons next to a UI label, e.g. Click <-assets/icon2.svg-> to copy.
Decorative glyphs that need to sit on the baseline of the text.

Tips

Note:

Prefer the SVG format for inline icons. SVG keeps the icon sharp at any size and can be re-tinted with CSS, which is much harder with raster formats.

Note:

Because the source is placed inside a sentence, MMX does not add an alternative text to inline images. Make sure the surrounding sentence still makes sense without the image, so that the page stays accessible.