# \[IGN-6700\] rotate icon on button

**URL:** <https://forum.inductiveautomation.com/t/ign-6700-rotate-icon-on-button/60757>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [June 14, 2022, 6:38pm UTC](https://forum.inductiveautomation.com/t/ign-6700-rotate-icon-on-button/60757 "2022-06-14T18:38:05Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [June 15, 2022, 5:18pm UTC](https://forum.inductiveautomation.com/t/ign-6700-rotate-icon-on-button/60757/3 "2022-06-15T17:18:17Z")

</div>

> [@victordcq](#):
>
> }.psc-YOURSTYLENAME svg { transform: rotate(90deg); }{

Thanks @victordcq! I figured this looked like a bug, but don't have a web background--need to spend some time wrapping my mind around CSS.

We need dynamic rotation (using this in a view as template with rotation set in view parameter). I've already got it done with an icon overlaid, but am curious if there is a way to inject this transform directly in a property on the button so we can create it in an expression that takes the degrees from a parameter on the view? I tried a few variations under image/icon/style/backgroundImage, but didn't have any success.

I guess another way would be to create styles with various rotations and then swap between the styles--almost always want 0, 90, -90, or 180deg, which this solution would work fine for.

---

_[View the full topic](https://forum.inductiveautomation.com/t/ign-6700-rotate-icon-on-button/60757)._