Type: Basics

CSS Enabled: ❌

The Icon block is a multifunctional, standalone object that can be used in many ways. Combine them with other blocks inside a Row and Column block to create minimalist buttons and visually appealing elements all throughout across your pages. Read on to learn more!

After adding this block to your page, you'll have access to the icon selector you may have seen across other parts of the app. Use the search bar and key words to help narrow down your selection.

Toggle this setting from the styling panel to add more padding around the icon. Note doing so will create a container around the block that spans across the entire width of the page, but this container can have its width reduced if nested inside a Row block.

Not nested in a row block:

Nested in a row block with its width set to 'auto':

Click here to take your UI configuration to the next level with Row or Column blocks.