# Expression Library Item Icon Guide

Each time you create an expression library item you have a few options in the add stage that will detirmine the icon used.

{% content-ref url="../add-expression-library-item" %}
[add-expression-library-item](https://docs.expression-library.bearstudios.co.uk/interface-overview/add-expression-library-item)
{% endcontent-ref %}

### Javascript Expression File

A javascript expression file will have an icon that is white

### <img src="https://2646749972-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpXDHwnQxqNfdJjJA2-%2F-Lq21EiHvd15q43aqsk9%2F-Lq26H6iXB7o28zz6JR4%2Ftreeview_js_clicked%402x.png?alt=media&#x26;token=e4153e13-39d9-49c0-b567-b5a4c2079572" alt="" data-size="line"> 3D Javascript Expression File

A 3D layer that has a javascript expression file will have an icon that is red

### <img src="https://2646749972-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpXDHwnQxqNfdJjJA2-%2F-Lq21EiHvd15q43aqsk9%2F-Lq26H6alLRT12KD4ooX%2Ftreeview_es_enabled%402x.png?alt=media&#x26;token=3dae57ec-ed54-4be3-b20f-225d54a056a4" alt="" data-size="line"> Extendscript Expression File

An extendscript expression file will have an icon that is blue

### <img src="https://2646749972-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LpXDHwnQxqNfdJjJA2-%2F-Lq21EiHvd15q43aqsk9%2F-Lq26H6_3SEsJI5sQJ3F%2Ftreeview_es_disabled%402x.png?alt=media&#x26;token=22362c3a-3542-4da5-a42f-9c12ee9fd02b" alt="" data-size="line"> 3D Extendscript Expression File

A 3D extendscript expression file will have an icon that is turqoise&#x20;

{% hint style="warning" %}
Each file icon has the words JS or ES. However, due to After Effects's scriptUI it is impossible to load images with a higher quality and thus the writing is barely readable and it's better to go by the file colour.
{% endhint %}

{% content-ref url="../../creating-an-expression-library-item/3d-or-2d-layer" %}
[3d-or-2d-layer](https://docs.expression-library.bearstudios.co.uk/creating-an-expression-library-item/3d-or-2d-layer)
{% endcontent-ref %}

{% content-ref url="../../creating-an-expression-library-item/javascript-or-extendscript" %}
[javascript-or-extendscript](https://docs.expression-library.bearstudios.co.uk/creating-an-expression-library-item/javascript-or-extendscript)
{% endcontent-ref %}
