For the complete documentation index, see llms.txt. This page is also available as Markdown.

How to use icon cards

Show channels, a checklist, or a set of statuses on a card by picking an icon template and customising its icons.

Icon cards show a set of labelled icons on a card, like the channels a step happens on, a checklist, or a row of statuses. You start from an icon template, then adjust the icons, their labels, and how they display.

An icon card in a Channels lane on a journey map. The card stacks six labelled icons: a red Email envelope, an SMS bubble, an orange Notification bell, a blue Facebook badge, a green Phone handset, and an In person figure.
An icon card built from the Channels template

To add one, hover an empty cell and click + Add card. Icons is the default in a lane set up for icons (press Enter to confirm) and sits under BASIC CARDS in the picker in any other lane. For the shared add-card mechanics, see How to add and edit cards.


How to choose an icon template

A new icon card opens with a Select icon template dropdown and no icons yet. Pick a template to fill the card with a starting set of icons you can then adjust.

A new icon card on a journey map titled Add icons card, with a single Select icon template dropdown and no icons yet. To its left sits a populated icon card showing Email, SMS, and Notification rows.
A new icon card before a template is chosen

Open the dropdown to see the templates available in your account. The default set is Channels, Checklist, Social, Quote, Emojis, Single, and Social Media, and your account may have more.

The Select icon template dropdown open on an icon card, listing seven templates: Channels, Checklist, Social, Quote, Emojis, Single, and Social Media, each with a small icon to its left.
The Select icon template dropdown

The template sets the card's starting icons, colours, and layout. Everything it gives you can be changed on the card afterwards, so pick the template closest to what you need and adjust from there.

compass

To build or change the templates this dropdown offers, see How to use icon templates.


How to customise the icons on a card

Open the card details panel to change which icons appear and how they look. Click Show card details on the toolbar, or double-click the card.

The card details panel for an icon card. Six icon rows are listed, each with a drag handle, an icon, a colour swatch, a label field (Email, SMS, Notification, Facebook, Phone, In person), a link icon, and a delete icon. Below them, a + Add Icon link, then Direction with a selected down-arrow and a right-arrow option labelled max 15 icons, a Size dropdown set to Medium, and an Interactive dropdown set to Yes.
Card details panel for an icon card

Each icon sits in its own row. From left to right, a row has a drag handle to reorder it, the icon, a colour swatch, a label field, a link icon to point the icon at a URL, and a delete icon to remove the row. Edit the label inline and changes save as you go.

To add an icon, click + Add Icon and a new row appears at the bottom. A card holds up to 15 icons.

Below the rows, three settings control how the whole card displays:

  • Direction - lay the icons out in a column (down) or a row (right).

  • Size - the icon size, set to Medium by default.

  • Interactive - when set to Yes, anyone with edit access can click an icon on the map to toggle it on or off, and the on/off state is shared with everyone viewing the map. Set it to No to keep the icons fixed.


What icon cards share with other cards

The icon card toolbar carries the shared tail only: the fill control for colour and background, Card header, Show card details, delete, and the three-dot overflow menu. There are no text-formatting buttons, since an icon card holds icons rather than editable text.

The floating toolbar above a selected icon card, showing five controls: a card header icon, a paint-bucket fill icon, a show-card-details icon, a delete icon, and a three-dot overflow menu.
The toolbar on a selected icon card

The card details panel also holds the universal Personas, Card tags, and Comments sections below the icon settings. For the toolbar tail, the colour and background picker, the card header, spanning, and multi-select, see How to add and edit cards.


Last updated