Icons are a quick way to make a page feel more premium, whether you're replacing bullets in a list, calling out key facts, or adding visual markers next to numbers. This article covers adding an icon module, styling it, and duplicating icons into aligned lists.
Adding an Icon Module
Open your Brochure.
Click Add Module.
Select Icon.
Place the module on the page grid.
Use the icon selector in the top right to pick your icon.
Finding an icon: start typing a keyword in the search (for example, "money") and the library will suggest matching icons.
Changing an icon: the selector always shows your currently selected icon. Click the X to clear it, then choose a different one.
Icon Styling Options
Setting | What it does |
Size | Scale the icon up or down |
Weight | Line thickness. Options include thin, regular, bold, duotone, and fill |
Color | Icon color |
Background | Solid background fill for the module |
Background opacity | Transparency of that fill |
Border | Add and color a border around the module |
Layout Options
Horizontal padding and vertical padding inside the module.
Width and height: drag to resize, or type exact values. For a perfect square, set width and height to the same number (for example, 7 and 7).
Position: X and Y coordinates of the module's top left corner.
Building an Icon List
Use icons in place of bullets for key facts or feature lists.
Add your icon module and the text block next to it.
Align the pair the way you want it, and confirm the padding and text style are set.
Click the icon module, hold Shift, and click the text block so both are selected.
Press Ctrl+C, then Ctrl+V and place the copy on the page.
Repeat for each list item.
Aligning the rows: click a module and check the X position in the settings. If one row reads 97 and the others read 96, change it to 96 so everything lines up horizontally.
Using Icons as Accents
Icons also work well layered onto existing elements, like above a stat or next to a number.
Duplicate an existing icon module, or add a new one.
Reduce the icon size (24 works well for small accents).
Position it over or beside the element you're marking.
Adjust the color for contrast, for example white on a dark background.
Questions about icons or anything else in the Brochure Builder? Reach out to [email protected].