> For the complete documentation index, see [llms.txt](https://docs.adapptio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adapptio.com/reference-guide/properties/icon.md).

# ICON

### Property description

The database allows selecting one from material design icons, to be shown as a component prefix or on one's own.

<div align="left"><img src="https://lh5.googleusercontent.com/-EEcUd0Jt-GM5SC-9-9fPV68s8ah_9ty6GvNzkgoiNH-9uI77g8HToltCfC96TyHETvl8mcX4NScHrX_Lya1RQv1jseDUnuiIPIsMAqrUS4CKkIGOepia5olSz64nSnYZ4YREW0g" alt="Choosing from material icons library"></div>

<div align="left"><img src="https://lh6.googleusercontent.com/QwnVcUbjLuZmqz7yyWYbl5KSUScmVTu8e6d-j_7GKxyAYre-Pxb9UbT0YEQb-5sx5U9m2O-SJ2Laq8zRDiiyMoTNG46WxbQVsUMG-0wL8d3ZeIH77s0RqOogh9VyKSDkgWQ-K1tY" alt="ƒx (MDI icon name): Defines string value names from standard labels of MDI icons."></div>

A whole icon object is possible to configure as an expression.

{% hint style="info" %}
Icon data source path has to be referenced always with "mdi/" link.
{% endhint %}

<div align="left"><img src="https://lh3.googleusercontent.com/zVVGr9tHdAwHuy17uEW_7H9nYvWFhpq9aLoEXFYp2Q1WDbWf2qoVyL7nh4dzSkXBiLV-sTppvZ5tH-CAWOeLF_qPBvY3rVb3njtbn1RgUFO0YIQdoZHQXHWa8dvSKZwDraDBBpF_" alt="ƒx (Expression)"></div>

<div align="left"><img src="https://lh5.googleusercontent.com/MvXKgEEuvyR65xN7Sr4FLxyzgXvLndPe8_-vOPYIPWEjH_i52gei4MvaYSDz2rRDlHaui1ugGaoxeByVBxM4pVkuALLff-NBa7y8oHIQREYmuI9yLZxRc803utYxTw7RZeY9sxbD" alt="ƒx (Expression): {source: &#x22;mdi/star&#x22;, foregroundColor: &#x22;YELLOW&#x22;}"></div>

### State

Display an icon at the desired location.

### Value types

Material design icons. <https://materialdesignicons.com/>

### Availability