# Icon in perspective tab？

**URL:** <https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 20, 2020, 6:10am UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451 "2020-02-20T06:10:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tony](https://avatars.discourse-cdn.com/v4/letter/t/ee7513/32.png) [@Tony](https://forum.inductiveautomation.com/u/Tony)\
**Post date:** [February 20, 2020, 6:10am UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451/1 "2020-02-20T06:10:39Z")

</div>

Hello，  
Is there a way I can add an icon in a tab?  
Label the tab an icon instead of “Events”.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/53ba551cbce32aa36a86299eb09f08a1cfc9a646.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [February 20, 2020, 3:40pm UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451/2 "2020-02-20T15:40:50Z")

</div>

If you hover over the `tabs` property, you can see that we allow for Views to be used there, so yes, you can use an Icon.

To do this:

1. Create a small View (probably with a Flex layout with dimensions of 30x30) which contains your Icon; we will call this “ViewA”
2. Right-click the `1` within `tabs` and select “Change to” \> “Object”.
3. Add a new property to this object with a key of `viewPath`.
4. Supply the path to ViewA as the value for viewPath.

---

<div class="post-metadata">

**Author:** ![Tony](https://avatars.discourse-cdn.com/v4/letter/t/ee7513/32.png) [@Tony](https://forum.inductiveautomation.com/u/Tony)\
**Post date:** [February 21, 2020, 6:38am UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451/3 "2020-02-21T06:38:24Z")

</div>

Thanks.I’ve solved my problem.

---

<div class="post-metadata">

**Author:** ![oyvind.handeland](https://avatars.discourse-cdn.com/v4/letter/o/ce73a5/32.png) [@oyvind.handeland](https://forum.inductiveautomation.com/u/oyvind.handeland)\
**Post date:** [March 31, 2025, 3:05pm UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451/4 "2025-03-31T15:05:40Z")

</div>

When you add an icon to the tab: Is it possible to also get the same background color as the default tab color? That will change according to the theme colors?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 31, 2025, 3:22pm UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451/5 "2025-03-31T15:22:17Z")

</div>

Did you set the icon's view background to transparent? Add in,  
`PROPS.style.backgroundColor : #77777700`

The four hex bytes define RGBA where 'A' is the opacity.

---

<div class="post-metadata">

**Author:** ![oyvind.handeland](https://avatars.discourse-cdn.com/v4/letter/o/ce73a5/32.png) [@oyvind.handeland](https://forum.inductiveautomation.com/u/oyvind.handeland)\
**Post date:** [April 1, 2025, 7:36am UTC](https://forum.inductiveautomation.com/t/icon-in-perspective-tab/32451/6 "2025-04-01T07:36:59Z")

</div>

Yes, my background color for the symbol was transparent. For some reason I had to manually add active style properties for this new tab to have the same styling as the other tabs. In the picture underneath you see the two tabs active. The one to with the symbol looses all it's style:

 ![tabs](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/3/73bda21bd3b5aebd30d7075cfc9acae59c93c2e9.png)