# Perspective Icons

**URL:** <https://forum.inductiveautomation.com/t/perspective-icons/96541>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 27, 2024, 10:00am UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541 "2024-09-27T10:00:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tokyo\_mht](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@Tokyo\_mht](https://forum.inductiveautomation.com/u/Tokyo_mht)\
**Post date:** [September 27, 2024, 10:00am UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/1 "2024-09-27T10:00:48Z")

</div>

How to Change color of icon when we hover on it using css property in perspective view.  
I tried style --\>element state-\>Hover -\> Shape-Color .  
But this was not working.  
Any solution using CSS .  
Thanks in advance

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [September 27, 2024, 12:29pm UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/2 "2024-09-27T12:29:39Z")

</div>

You may try something like:

> [@CSS Hover Style for SVG Images (Custom Buttons)](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110/5):
>
> I tried: .psc-Invisible\_Button{ cursor: pointer; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; transition-property: box-shadow, background-color; } .psc-Invisible\_Button:hover{ box-shadow: var(--boxShadow); } no dice.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 27, 2024, 12:44pm UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/3 "2024-09-27T12:44:11Z")

</div>

Set up a text color instead

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/3/7395f461f30918a07043b997c4b014f368ff0119.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/2/d20657dc9a9b0e589350e555f77d71a11ca2cb67.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/8/384410a0639e89950082e673c9be44694571cd71.png)

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [September 27, 2024, 12:50pm UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/4 "2024-09-27T12:50:07Z")

</div>

I don´t know how to open that panel...  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8eafab5386adbd30f348171090b9f06423e64947.png)  
here?

---

<div class="post-metadata">

**Author:** ![SBL](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sbl/32/56813_2.png) [@SBL](https://forum.inductiveautomation.com/u/SBL)\
**Post date:** [September 27, 2024, 12:52pm UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/5 "2024-09-27T12:52:34Z")

</div>

[Create a style sheet and link to it with Classes.](https://docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles/style-classes)

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [September 27, 2024, 12:56pm UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/6 "2024-09-27T12:56:39Z")

</div>

Thanks @SBL