# Sidebar/Navbar Icons

{% hint style="info" %}
Sidebar/Navbar uses [FontAwesome v5](https://fontawesome.com/v5/search) for the Icons so you should for them there.
{% endhint %}

Changing of the Sidebar/Navbar Icons can't be done from the Administration Dashboard but have to be done from the routes file.

1. Open **routes.ts** file from `/var/www/pterodactyl/resources/scripts/routers` directory
2. At the top of the file, you'll see this line, at which icons are imported.<br>

   ```typescript
   import { faUser, faLock, faKey, faClock,
       faTerminal, faFolderOpen, faDatabase, faCalendarDay, 
       faUsers, faBox, faNetworkWired, faPlay, faWrench } from '@fortawesome/free-solid-svg-icons';
   ```

   \
   There you can import the icons you want to use and remove the old ones that you no longer use.
3. After you've imported icons you want, you can scroll down where you'll see routes to different pages and `icon` field which value you'll need to replace with the icon you've imported earlier
4. After you're done, save file and run `yarn build:production` command


---

# 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://nidzo-docs.gitbook.io/championptero/installation-and-setup/navigation-icons.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.