# 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="/pages/-Lq1gctn8WR-OeeWV9dU" %}
[Add Expression Library Item](/interface-overview/add-expression-library-item.md)
{% endcontent-ref %}

### Javascript Expression File

A javascript expression file will have an icon that is white

### <img src="/files/-Lq26H6iXB7o28zz6JR4" 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="/files/-Lq26H6alLRT12KD4ooX" alt="" data-size="line"> Extendscript Expression File

An extendscript expression file will have an icon that is blue

### <img src="/files/-Lq26H6_3SEsJI5sQJ3F" 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="/pages/-Lq2oMw7HFHlPZXhNnEi" %}
[3D or 2D Layer](/creating-an-expression-library-item/3d-or-2d-layer.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lq1g-9O\_Gc22o0tAQ5C" %}
[Javascript or Extendscript](/creating-an-expression-library-item/javascript-or-extendscript.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.expression-library.bearstudios.co.uk/interface-overview/expression-library/expression-library-item-icon-guide.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.