# Rotate Icon with props.style.transform

**URL:** <https://forum.inductiveautomation.com/t/rotate-icon-with-props-style-transform/34635>\
**Category:** Ignition Early Access\
**Created:** [May 11, 2020, 7:01pm UTC](https://forum.inductiveautomation.com/t/rotate-icon-with-props-style-transform/34635 "2020-05-11T19:01:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![wking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wking/32/21823_2.png) [@wking](https://forum.inductiveautomation.com/u/wking)\
**Post date:** [May 11, 2020, 7:01pm UTC](https://forum.inductiveautomation.com/t/rotate-icon-with-props-style-transform/34635/1 "2020-05-11T19:01:36Z")

</div>

“skewX” and “skewY” and “scale” work like this. How come rotate doesn’t?

Inside flex container.

Ignition: 8.0.6

![rot](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/27aa2987f8edaf8a862342dc21182dea870972b4.jpeg)

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [May 11, 2020, 10:36pm UTC](https://forum.inductiveautomation.com/t/rotate-icon-with-props-style-transform/34635/2 "2020-05-11T22:36:31Z")

</div>

try changing `rotate(90)` to `rotate(90deg)`