Skip to main content

Icon Box Component

Present content visually using custom icons, captions, and text β€” displayed as a grid or carousel.

Anne avatar
Written by Anne
Updated this week

The Icon Box component allows you to highlight content in a clear and visual way.

After adding it via the Plus icon in the page editor, you can:

  • optionally add a headline (show or hide it using the eye icon)

  • choose the view type (grid or carousel)

  • add and reorder individual items

In grid layout, additional icons automatically wrap into new rows.
In carousel layout, a maximum of four icons are visible at once, with navigation arrows for additional items.


Configure Items

For each item, you can:

  • select an icon or image from the media library (including SVG uploads)

  • add a caption

  • optionally add a copy text using a rich text editor

The copy text can be shown or hidden.


Important Difference from the Download Component

Unlike the Download Component, the Icon Box does not include automatic linking via the icon itself.

Tips & Tricks

  • SVG files are ideal for clean, scalable icons.

  • Consider the layout when adding many icons, especially in carousel view.

  • Keep captions short and consistent.

  • If the icon should function as a call to action, clearly integrate the link into the copy text.

Did this answer your question?