Как развернуть svg с помощью css?

Question

[andrei_pro]

Вот пример фигуры.
Нужно развернуть ее на 180*.

Когда применяю transform: rotate(180deg), фигура уезжает куда-то далеко.

Comments

[Lord_Dantes]

Используйте rotateX или Y.
rotate поварачивает фигуру вокруг своей оси.
SVG< PNG не имееет значением

[Ankhena]

Посмотрите, красной рамкой обвела ваш SVG

Допишите viewbox, чтобы svg была по размеру полигона.

Answer 1

[Владимир]

https://jsfiddle.net/45paumz9/
transform: rotateX(180deg)

Answer 2

[Utopia]

css ворочает весь canvas - а не фигуру.