---
title: List with custom icons module
---

[Skip to content](https://bereto.dev/list-with-custom-icons-module#main-content)

[![bereto.dev](https://bereto.dev/hubfs/bereto_dev_logo.svg "bereto.dev")](https://bereto.dev/)

- [Services](https://bereto.dev/services)
- [HubSpot Marketplace](https://bereto.dev/hubspot-marketplace)
- [Projects](https://bereto.dev/projects)
- [Blog](https://bereto.dev/blog)
- [About Me](https://bereto.dev/about-me)

This is a search field with an auto-suggest feature attached.

- There are no suggestions because the search field is empty.

[Contact](https://bereto.dev/contact-me)

[Contact](https://bereto.dev/contact-me)

This is a search field with an auto-suggest feature attached.

- There are no suggestions because the search field is empty.

- [Services](https://bereto.dev/services)
- [HubSpot Marketplace](https://bereto.dev/hubspot-marketplace)
- [Projects](https://bereto.dev/projects)
- [Blog](https://bereto.dev/blog)
- [About Me](https://bereto.dev/about-me)

# List with Custom Icons

With the "List with custom icons" module, you can choose any icon to replace regular bullets in lists and simultaneously generate individual links for each item.

[Go to the marketplace](https://ecosystem.hubspot.com/marketplace/modules/list-with-custom-icons-module-by-devteam-partners)

- Single line of text
- Single line of text
- Single line of text

## Cool examples

Custom settings

- Icon color
- Icon size
- Icon alignment (top or center)
- Font size
- Text color
- Link color
- Link decoration

- Single line of text
- Not a single line of text. This is a long text example.
- Single line of text

- Single line of text
- Single line of text
- [Single line of text with link](https://bereto.dev)
- Single line of text
- Single line of text

Multiple Columns (4 on Desktop, 2 on Mobile)

- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text
- Single line of text

## Module settings

### Content

Custom icon:

- Fontawesome icon

List:

- Text
- Link

![Captura de pantalla 2024-02-20 a las 6.45.47 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-20%20a%20las%206.45.47%20p.m..png "Captura de pantalla 2024-02-20 a las 6.45.47 p.m.")

![Captura de pantalla 2024-02-20 a las 6.50.47 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-20%20a%20las%206.50.47%20p.m..png "Captura de pantalla 2024-02-20 a las 6.50.47 p.m.")

### Styles

Icon:

- Height
- Color
- Alignment

Text:

- Font size
- Text color
- Link color
- Link decoration
- Columns (Desktop & Mobile)

Module:

- Spacing

![Captura de pantalla 2024-02-20 a las 6.46.08 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-20%20a%20las%206.46.08%20p.m..png "Captura de pantalla 2024-02-20 a las 6.46.08 p.m.")

![Captura de pantalla 2024-02-20 a las 6.46.25 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-20%20a%20las%206.46.25%20p.m..png "Captura de pantalla 2024-02-20 a las 6.46.25 p.m.")

![Captura de pantalla 2024-02-20 a las 6.46.38 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-20%20a%20las%206.46.38%20p.m..png "Captura de pantalla 2024-02-20 a las 6.46.38 p.m.")

bereto.dev © 2026 | [Privacy Policy |](https://devteam.partners/legals#privacy)[Terms & Condition](https://devteam.partners/legals#terms)