# Icon List

> Display a list of trust badges, certifications, or features. Choose from 25+ pre-built icon options.

URL: https://sectionstar.app/sections/icon-list/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**Icon List** is a Shopify theme section in the Section Star library. Display a list of trust badges, certifications, or features. Choose from 25+ pre-built icon options.

## About the Icon List section

The Icon List section is a versatile and visually appealing layout feature that allows you to present information or features with associated icons. Ideal for highlighting key services, benefits, or features, this section can be customized to match the design aesthetic of your Shopify store.

## Live demo

## Use cases

1. **Highlight Store Features**: Use the Icon List to showcase important store features like free shipping, secure payments, and easy returns.
2. **Product Benefits**: Display the benefits of a product such as eco-friendliness, high quality, and warranty information.
3. **Service Descriptions**: Outline the services you offer, such as customer support, express delivery, and gift wrapping.
4. **Promotional Elements**: Use icons to draw attention to sales, new arrivals, or limited-time offers.
5. **Brand Values**: Highlight your brand's values like sustainability, craftsmanship, and community support.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Grid Design
Set the display of grid

| Setting | Type | Default |
| --- | --- | --- |
| Columns on Desktop | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr |
| Columns on Mobile | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr 1fr |

### Icon Design
Set the display of icon

| Setting | Type | Default |
| --- | --- | --- |
| Headline Size | Range | 18 |
| Icon Shape | Select (Square, Rounded, Circle) | circle |
| Icon Padding | Number | 25 |
| Icon Size | Range | 40 |
| Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… |
| Icon Color | Color | #fff |

### Image and Video Icons
Set how image and videos appear in the icons

| Setting | Type | Default |
| --- | --- | --- |
| Media Fit | Select (Contain, Cover, Size) | cover |
| Media Height (if Size selected) | Number | — |

### Grid Design
Set the display of the grid

| Setting | Type | Default |
| --- | --- | --- |
| Gap Between Columns | Number | 20 |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |

### Icon block settings

| Setting | Type | Default |
| --- | --- | --- |
| Icon | Select (No Icon, Cart, Gift, Gift Card, Shipping, Payment…) | tag |
| Headline | Inline rich text | <b>Headline</b> |
| Text | Inline rich text | Some followup text to build on the fe… |
| Link (optional) | URL | — |

### Image block settings

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |
| Headline | Inline rich text | <b>Headline</b> |
| Text | Inline rich text | Some followup text to build on the fe… |
| Link (optional) | URL | — |

### Video block settings

| Setting | Type | Default |
| --- | --- | --- |
| Video | Video | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | On |
| Loop Video | Checkbox | On |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | On |
| Headline | Inline rich text | <b>Headline</b> |
| Text | Inline rich text | Some followup text to build on the fe… |
| Link (optional) | URL | — |