rotating or flipping a VaadinIcon

I am in need of an arrow icon that is similar to the LEVEL_RIGHT VaadinIcon, except I want the start of the arrow to come from above, not below. Ascii drawing to illustrate what I want: └>

Since none of the 8 variants of the LEVEL_XXX icons looks like that, I started thinking that I could just use a “wrong” one and just flip or rotate it using CSS.

After I saw [this SO question]
( I tried around with translate: scale(-1,1) and similar CSS on the iron-icon element, the svg element, and even the path element but I could not achieve what I wanted.

Does someone know a way to achieve this? Or will I have to go down the route of [custom icons]
( for this?