> For the complete documentation index, see [llms.txt](https://documentation.connexica.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.connexica.com/legacy-wiki/icon-picker-macro.md).

# Icon Picker Macro

## Usage

```
{{iconPicker id="" class="" prefix="" /}}
```

**Where:**

| Parameter           | Description                                                                                   |
| ------------------- | --------------------------------------------------------------------------------------------- |
| `id` (optional)     | DOM id of the input field where the picker will apply                                         |
| `class` (optional)  | CSS class of inputs where the picker will apply                                               |
| `prefix` (optional) | Prefix to add before the name of the icon in the input field (default: `"{{{image:icon:}}}"`) |

## Live example

```html
<p><label>Field 1: <input type="text" id="myPicker" /></label></p>
<p><label>Field 2: <input type="text" class="fieldWithPicker" /></label></p>
```

```
{{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}
```

## Play with it

```html
<p><label>Field 1: <input type="text" id="myPicker" /></label></p>
<p><label>Field 2: <input type="text" class="fieldWithPicker" /></label></p>
```

```
{{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}
```