Icon List Block
Create visually enhanced lists with custom icons for each item, perfect for features, benefits, and specifications.
What is the Icon List Block?
A two-block system for icon-based lists:
- Icon List Container – parent wrapper
- Icon List Item – individual list items with icons
Key Features
- Custom icon per list item
- 500+ icon options
- Consistent spacing and alignment
- Vertical or horizontal layout
- Icon size and color control
- Gap control between items
How to Use
- Insert Icon List block
- Add Icon List Item blocks inside
- Select icon for each item
- Add text content for each item
- Configure spacing and styling
Settings
Icon List Container:
- Layout – Vertical or Horizontal
- Gap – Space between items
- Alignment – Left, Center, Right
Icon List Item:
- Icon – Choose from library
- Icon Size – 16-64px
- Icon Color – Any color
- Text Content – Rich text support
Common Use Cases
Feature Lists
Checkmark icons with feature descriptions
Benefits
Star icons highlighting key benefits
Specifications
Relevant icons for each spec
Process Steps
Number icons for sequential steps
Best Practices
- Use consistent icon style throughout list
- Keep icon size proportional to text
- Use 16-24px icons for body text
- Limit to 5-10 items for scannability
- Use meaningful icons that aid understanding
- Ensure sufficient color contrast