# Add perspective symbol states to custom svg

**URL:** <https://forum.inductiveautomation.com/t/add-perspective-symbol-states-to-custom-svg/85725>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 14, 2024, 10:28pm UTC](https://forum.inductiveautomation.com/t/add-perspective-symbol-states-to-custom-svg/85725 "2024-02-14T22:28:20Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [February 15, 2024, 6:44pm UTC](https://forum.inductiveautomation.com/t/add-perspective-symbol-states-to-custom-svg/85725/4 "2024-02-15T18:44:54Z")

</div>

try:

```auto
var(--seq-6)

```

Yes it will give you a warning about it not being a color, but it should still work.

Technically you shouldn't need the `var()`, but either should work.

Of course there are also things to look out for like this:

> [@XY Chart CSS Question](https://forum.inductiveautomation.com/t/xy-chart-css-question/50730/11):
>
> apperently you dont need to put var() around it in the desinger so color: --info should be enough. Tho it works both so idk why your info isnt working. Css does get cached tho so maybe it didnt refresh yet. try ctrl + f5 in chrome

EDIT: Also, did you try it in a browser?

---

_[View the full topic](https://forum.inductiveautomation.com/t/add-perspective-symbol-states-to-custom-svg/85725)._