# Changing Icons

To change the icons in your project, you first need to navigate to the `src/public` directory, where all the relevant icons, such as the logo and media-related icons for movies, series, and live sections, are stored. Simply replace the existing files with your new icons by ensuring that the new files have the same names as the ones you're replacing, such as `logo.png`, `movies-icon.png`, `series-icon.png`, and `live-icon.png`. It’s important to keep the file format and size consistent with the original icons to avoid layout issues or performance problems. After placing your new icons in the folder, the project will automatically use them wherever they are referenced in the code, such as in image tags. There's no need to modify the code if the file names are the same, and you can immediately see the changes by running or refreshing the app. This approach allows you to easily update the visual elements of your project.


---

# 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://azul-mouad.gitbook.io/smart-iptv-pro-web-documentation/customizing-the-project/changing-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.
