# \[feature-748\]Perspective Favicon

**URL:** <https://forum.inductiveautomation.com/t/feature-748-perspective-favicon/24642>\
**Category:** Ignition\
**Created:** [May 3, 2019, 3:14pm UTC](https://forum.inductiveautomation.com/t/feature-748-perspective-favicon/24642 "2019-05-03T15:14:32Z")\
**Posts on this page:** 1\
**Showing post:** 29

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 19, 2024, 8:33am UTC](https://forum.inductiveautomation.com/t/feature-748-perspective-favicon/24642/29 "2024-06-19T08:33:13Z")

</div>

Soo i got something for you 🧙

Create these files (and injectables folder) (depending on install folder ofc)

```python
"C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\injectables\head_bottom.txt"

"C:\Program Files\Inductive Automation\Ignition\webserver\webapps\main\newFavicon.ico"

```

In the head\_bottom.txt put this:

```python
<script>
const oldLinks = document.querySelectorAll('link[rel*="icon"]');
oldLinks.forEach(e => {e.href = '/newFavicon.ico';});
</script>

```

Your icon can be whatever (pngs and stuff should be oke too i think)

Restart gateway and Restart browser

Special thanks too: ive seen this post a while but i forgot this favicon post xd

> [@Perspective HTML Injection](https://forum.inductiveautomation.com/t/perspective-html-injection/74680):
>
> So... while doing some module debugging, I noticed Ignition trying to access a non-existent folder \<install-directory\>\data\modules\com.inductiveautomation.perspective\injectables. After creating the folder manually, Ignition then tried to access: injectables\head\_top.txt injectables\head\_bottom.txt injectables\body\_top.txt injectables\body\_bottom.txt And what do you know, any HTML you put in these files will be directly loaded in the DOM of all Perspective sessions man_shrugging . [java\_x…

You could use different icons for each project like this,

```python
<script>
const oldLinks = document.querySelectorAll('link[rel*="icon"]');
const projectName = location.pathname.split('/')[4]
oldLinks.forEach(e => {e.href = `/${projectName}.ico`;});
</script>

```

---

_[View the full topic](https://forum.inductiveautomation.com/t/feature-748-perspective-favicon/24642)._