Есть SVG иконка, в коде она размещена инлайном. Нужно чтобы при раскрытии аккордеона иконка морфировала из показателя вниз в показатель вверх, что-то напоминающее взмахи крыльев птицы (образно). Пример SVG ниже (обязательно использовать такой дизайн).
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" stroke="#FF5F00" stroke-width="2">
<polyline id="Page-1" transform="translate(12, 12) rotate(90.000000) translate(-12, -12) " points="9 5 15.8461359 12 9 19"></polyline>
</g>
</g>
</svg>
Есть идеи, как подобное реализовать?