# Create New Icon

{% stepper %}
{% step %}

### Select The Animator

It is the animator with the controller called "Icon" and the game object called "Icon". 

<figure><img src="https://96267253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWP4h0q7qUXVTnCbRAstH%2Fuploads%2Fc4DyyYG4DBoDv0ZKBcW4%2FCreate%20new%20Icon%20Select%20Game%20Object.png?alt=media&#x26;token=9a31d1d1-895a-4913-9dce-2ee88447386c" alt="" width="450"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Create The Clip

You can check the other animations for reference. You can rearrange the existing badges and stars or add your own. Remember to reset the scale to 0,0,0 of the unused objects to have a smooth transition with other clips. If you add a new game object, reset its scale in other clips as well.
{% endstep %}

{% step %}

### Set it to transition from any state

Add 1 to the last animation's condition and set it as the transition condition for the new clip.

<figure><img src="https://96267253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWP4h0q7qUXVTnCbRAstH%2Fuploads%2FKSATLJt6jjWpOj2bLimi%2FCreate%20new%20Icon%20Set%20Transition.png?alt=media&#x26;token=f2662c56-628a-4b7e-87ee-c9a0014abebb" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Select the reference tab and increase the icon count

If the reference tab is missing, select the settings tab and turn on the Reference Tab.

This is used to dictate how many buttons should be created in the inspector.

<figure><img src="https://96267253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWP4h0q7qUXVTnCbRAstH%2Fuploads%2F25UzYtEGaY25NwhUiFeM%2FCreate%20new%20Icon%20Animations%20Count.png?alt=media&#x26;token=2720cc76-f0b7-4f33-8039-8827c0b9f190" alt="" width="563"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Add the clip to the animation clips list

This is to change the icon during editor mode.

<figure><img src="https://96267253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWP4h0q7qUXVTnCbRAstH%2Fuploads%2Fba0GCsoYoqe9LQScmE5z%2FCreate%20new%20Icon%20Animation%20Clips.png?alt=media&#x26;token=45437dd1-94c2-4f47-9c0e-5dcf4856a5d2" alt="" width="563"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### If you added new game objects, add their Renderers to the list

This dictates which material to apply.

<figure><img src="https://96267253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWP4h0q7qUXVTnCbRAstH%2Fuploads%2F4WMqCAvcMw11AN2IEYHb%2FCreate%20new%20Icon%20Renderers.png?alt=media&#x26;token=e820d2b0-c103-4dec-940a-f5604365f0aa" alt="" width="563"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You are done!

{% endstep %}
{% endstepper %}


---

# 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://ferdowsur.gitbook.io/3d-ranks/rank/icon/create-new-icon.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.