---
title: "Icon picker form element"
date: "2017-11-13T08:03:32+00:00"
summary: "Add an Icon picker to your Component form with ease. Choose from a variety of icons, set defaults, and customize tooltips to enhance your site's visual elements and user experience."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/icon-picker-form-element"
id: "7a29a752-9f86-44a2-86f1-306d6ff211d5"
---

Table of contents will be added

Use the Icon picker form element to add an Icon picker to your Component form. For more information, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Locating the icon picker form element
-------------------------------------

To find the Icon picker form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Icon picker form element.

![a6918eea-icon-picker.png](https://acquia.widen.net/content/82781118-82aa-429f-9926-3c35ac747a10/web/a6918eea-icon-picker.png)

The Icon picker element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Default
-------

*   **Default value -** Select a default icon for the Icon picker.

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.