Icon & Text
An icon next to a description. Pick from Material, Ionicons, or Feather icons, or use your own image.
How to add it
Edit a page, open the module picker, and search for Icon & Text. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.
Fields
Fields are grouped as they appear in the editor. Indented rows belong to the group above them.
| Field | Type | Notes |
|---|---|---|
| Icon Type | Dropdown | Options: Ionicons, FontAwesome, Feather, Material, Custom Image. Default: ionicons. |
| image | Image | |
| Material Icon Name | Text | material icon font documentation Default: email. |
| Ionicons Class Name | Text | Change the icon: Ionicons font documentation Default: ion-stats-bars. |
| Material Icon Style | Text | outlined | two-tone | round | sharp |
| Feather Icon Name | Text | Documentation Default: mail. |
| Icon | Icon | |
| Icon Height | Number | Default: 50. |
| Icon Alignment | Dropdown | Options: Left, Center, Right. Default: center. |
| Style | Group | |
| Icon Color | Color | |
| Icon Description Text | Rich text |