How do I place a large icon (and find the right icon)?

Step 1: Add the Icon block

Click on the + (Add block) in the column, type ‘icon’, and select Icon. The editing window will open. Place the block above the text it belongs to. If it’s below, move it up with the arrow in the toolbar.

Step 2: Search and choose an icon

Click on the dropdown Icon and type a keyword. You will see each icon with its name. Click on the icon you want to use.

Search tips

The icons have English names. A few examples:

Can’t find anything? Try a synonym or part of the word. For example, search for ‘cart’ for all shopping carts.

Step 3: Choose the size

In Icon size, you have five choices: Normal, Medium (x3), Large (x4), ExtraLarge (x5), and ExtraExtraLarge (x6). Normal is twice the size of the text. You cannot place a smaller icon with this block, but directly in the text. See using the Text block.

Step 4: Choose a color

In Color, choose a color from your brand style. Use Primary, Secondary, white, or black for an icon. If you leave the color empty, the icon will take the color of the text.

Step 5: Space and alignment

In Padding, you give the icon extra space: No padding, Padding all around, Horizontal padding (left and right), or Vertical padding (top and bottom). Usually, No padding is fine.

In Icon alignment, choose Left, Center, or Right. If your text is centered below, place the icon in the center as well.

Example: three services with icons

1. Create a section with three columns. See adding a section and dividing into columns.
2. In the first column, place an Icon block (Large, Center) and below it a Text block with a Heading 3 and a short sentence, also centered.
3. Finish the column completely and duplicate it twice.
4. Adjust the icon and text in the copies.

This way, the three columns have exactly the same structure and size.

Not working?

• Can’t find your icon. Search in English, for example, ‘phone’ instead of ‘telefoon’.
• The icon does not have the color you chose. Choose Primary, Secondary, white, or black. Want a different color? Contact us.
• You want a circle or square behind the icon. That is not possible with this block. Contact us if you want that for your entire site.
• The icon is not centered above the text. Set both Icon alignment and the text to Center.
• The icon is too small. Choose a larger size in Icon size.

You can find all other blocks in all blocks in a row.

Frequently asked questions