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, sizing, and layout.
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. Icons laid out in a row reflow to fit the card's width, so the layout holds up whether the card is wide or narrow.
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. A new card reads Add icons card with a Choose a template button. For the shared add-card mechanics, see How to add and edit cards.
How to choose an icon template
Click Choose a template to open the Choose a template dialog. Pick a template to fill the card with a starting set of icons you can then adjust.
The default set is Channels, Checklist, Social, Quote, Emojis, and Single, and your account may have more, like the Social Media template shown in the dialog above. 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.
How to add and edit icons
Select the card and click Icons on the floating toolbar to open Edit icons, which lists every icon on the card.
Each row has a drag handle to reorder it, the icon, 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. Click + Add icon to add a row.
Click a row's icon to open Customize icon, where you can pick a new colour, a brand colour, or search the icon library to swap the glyph.
How to set the display
Click Display on the floating toolbar to control how every icon on the card renders.
Direction - lay the icons out in a column (down) or a row (right). Only a row wraps to fit the card's width. See How the layout responds to card width.
Size - S, M, or L. Changes the icon's size, not how many fit per row.
Spacing - Compact packs icons close together; Equal spreads them evenly across the full width of the card.
Label align - in the down direction, Middle centres each label against its icon and Top aligns it with the icon's top edge.
Show labels - turn labels off to show icons alone, which also lets more fit in a row.
Interactive - when on, 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. Turn it off to keep the icons fixed.
How the layout responds to card width
In the row direction, icons wrap onto additional rows as the card gets narrower, and unwrap back onto one row as it gets wider. The card's height adjusts to fit however many rows the icons need.
Turning off Show labels shortens each icon's footprint, so a narrow card can fit more icons per row before wrapping.
The column direction doesn't wrap. Its icons stay in a single left-aligned column regardless of card width, so resizing the card only changes how much empty space sits beside them.
What icon cards share with other cards
The toolbar's shared tail is the same as any other card: Card header, the fill control for colour and background, Show card details, delete, and the three-dot overflow menu. Display and Icons are specific to icon cards and sit ahead of this shared tail.
The card details panel holds only the universal Personas, Card tags, and Comments sections; icon configuration lives in the toolbar, not here.
For the toolbar tail, the colour and background picker, the card header, spanning, and multi-select, see How to add and edit cards.
Related topics
Last updated